* ng如果函数被无限调用

时间:2019-04-28 14:22:39

标签: angular ngrx ngrx-store

在组件中,我正在遍历从ngRx存储状态收到的列表:

<div class="employees-component">
  <div *ngFor="let employee of users">
    <div *ngIf="canShowEmployee(employee)">
      <span>{{ employee.firstName }} {{ employee.lastName }}</span>
    </div>
  </div>
</div>

我的用户列表从ngInit上的ngRx状态异步到达:

  ngOnInit() {
    this.store.pipe(select( state => state.slotAssignment.users))
      .subscribe((users: IUser[]) => {
        this.users = users;
      });
  } 

我希望“ canShowEmployee”函数仅在state.users更新时才能运行。而是无限运行并挂起页面。

(由于api get调用在页面加载时仅运行一次,因此用户列表在商店上进行了更新。

任何人都可以建议吗?

0 个答案:

没有答案