Versenden Sie die Multiplikationsaktionen der Reihe nach - ngrx

Question

Ich frage mich, wie ich die Multiplikationsaktionen in der Reihenfolge meiner Wirkung absende.

Im obigen Beispiel wird die erste Aktion nicht ausgelöst. Die Methode getClients() und die letzte Aktion funktionieren ordnungsgemäß.

Answer 1

Jede Aktion von Ihrem beobachtbaren emittiert versendet werden wird, so was Sie brauchen, ist eine Aktion, um mehrere Aktionen zuordnen. Sie können das tun, indem Sie den Ladevorgang mit startWith() auf switchMap() Zugabe:

.switchMap(action => { 
    this.clientService.getClients() 
    .map(clients => new ClientActions.GetClientsReceived(clients) as Action) 
    .startWith(new LayoutActions.IsLoading(true)) 
); 

Manchmal kann Typisierungen falsch sein, Typoskript wird die spezifische Art Ihrer Aktion anstelle von Action. In diesem Fall wird nach der Map das Observable als Observable<ClientActionReceived> getippt, so dass ein LayoutActionLoading innerhalb von start zurückgegeben wird. Das scheint für Typoskript falsch zu sein.
Um zu vermeiden, dass Sie eine der beiden als Action zu werfen, so wird es wissen, dass es ein Observable<Action> ist.

Answer 2

Sie können den Operator do verwenden.

Beispiel: .do(dispatchAction(...))

Answer 3

ich tue es wie folgt aus:

userRoleChange$: Observable<Action> = this.actions$ 
.ofType(userActions.USER_SWITCH_ROLE) 
.switchMap(() => Observable.of(
    {type: preFlightActions.PRE_FLIGHT_CLEAR, payload: {}}, 
    {type: detailPlanningActions.DETAIL_PLANNING_CLEAR, payload: {}}, 
    {type: uploadsActions.UPLOAD_FILTER_SET, payload: {}} 
));