В моем компоненте я перебираю список, который я получил из состояния хранилища ngRx:
<div class="employees-component">
<div *ngFor="let employee of users">
<div *ngIf="canShowEmployee(employee)">
<span>{{ employee.firstName }} {{ employee.lastName }}</span>
</div>
</div>
</div>
Мой список пользователей поступает асинхронно из состояния ngRx в ngInit:
ngOnInit() {
this.store.pipe(select( state => state.slotAssignment.users))
.subscribe((users: IUser[]) => {
this.users = users;
});
}
Я ожидаю, что функция "canShowEmployee" будет работать только при обновлении state.users. Вместо этого он работает бесконечно и зависает на странице.
(список пользователей обновляется в магазине в результате вызова API get, который запускается только один раз при загрузке страницы).
Кто-нибудь может посоветовать?