Angular 使用ngrx存储/效果填充下拉列表信息

我正在使用angular 4和ngrx存储和ngrx效果。我有一个简单的表单来加载用户信息，并使其与效果一起工作，然后发送一个load_user_success操作来更新存储

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

---

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

在组件中创建一个可观察对象，并将其设置为从存储中选择

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>

{{user.name}

在组件中创建一个可观察对象，并将其设置为从存储中选择的值

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>

{{user.name}