使用 ngrx-store / effects 填充下拉信息

Question

我将 angular 4 与 ngrx-store 和 ngrx-effects 一起使用。我有一个简单的表单来加载用户信息并让它与效果一起工作，然后调度 Load_User_success 操作来更新商店。

我有一个问题。加载信息以填充表单具有的下拉列表并同时使用 ngrx 加载用户信息的最佳方式是什么？

Answer 1

在您的组件中创建一个 observable 并将其设置为等于商店中的 select。

users$ = store.select(state => state.users);

将以下内容添加到组件定义中

@Component({changeDetection: ChangeDetectionStrategy.OnPush})

然后在您的模板中使用异步管道来处理订阅，例如：

 <div *ngIf="users$ | async">
 <select>
    <option *ngFor="user of (users$ | async)">{{user.name}}</option>
  </select>
  </div>

Fill dropdown information with ngrx-store / efffects