angular - Ngrx 根据第一个 Action 数据调度另一个 Action

Question

我正在加载使用 ngrx 的用户列表:

this.users$ = this.store.select(fromReducer.getUsers);

在我的 html 中:

   <ul>
        <li *ngFor="let user of users$ | async">
            {{user.id}} - {{user.name}} - {{user.email}}
        </li>
   </ul> 

我应该像以前那样显示列表，但还要进行另一个端点调用以获取具有 id=1 电话地址的用户。

我该怎么做？第二次调用取决于第一次调用的数据。

我应该在我的效果中做另一个 Action 吗？

@Effect() 
loadAllUsers$: Observable<Action> = this.actions$
  .ofType(fromActions.SHOW_ALL_USERS)
  .switchMap(() => 
     this.articleService.getAllUsers()
     .map(data => new fromActions.ShowAllUsersSuccessAction(data))  
  );

谢谢

Answer 1

试试这个

 import { Effect, Actions, ofType } from '@ngrx/effects';

 this.actions$.pipe(ofType(fromActions.SHOW_ALL_USERS),
    map((action: ShowAllUsersSuccessAction) => {
       // do your control here on action.payload , makes calls to get phones
       //return the new data
     }),
    switchMap(data => new fromActions.ShowAllUsersSuccessAction(data)) // trigger another action with the new data
);