在组件中,我正在遍历从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调用在页面加载时仅运行一次,因此用户列表在商店上进行了更新。
任何人都可以建议吗?