Добрый день, помогите, пожалуйста, понять логику работы Observable и Subject.

Question

Добрый день, помогите, пожалуйста, понять логику работы Observable и Subject.

Допустим , у нас есть компонент, который хранит в себе логику изменения кол-ва сотрудников.
И должен в другой компонент, ./shared/, например отдавать результат. Я пробовала сначала через @Output отдать данные. Но пошли траблы другие, связанные с дизайном. Нужно чтобы много информации взаимодействовали с обьектом и вовремя изменялись во всех местах это кол-во сотрудников. В общем, решила переделать на сервис, вместо аутпута. Чтобы в любом месте можно было вызвать этих сотрудников. Но фишка в том, чтобы то где хранятся эти сотрудники, допустим три места. Нужно каждый раз , при изменении, обновлять во всех местах сразу. На помощь приходят Observable и Subject. В сервисе я подписуюсь

public listEmployeeSubject = new BehaviorSubject<any>();
public listEmployee = this.listEmployeeSubject.asObservable().pipe(distinctUntilChanged());

А вот дальше не совсем понимаю. Как вызываея этот сабж в компоненте, с ним правильно работать.
Т.е. в компоненте , в конструкторе - я должна подписаться subscribe на слежку обьекта?

По идее, вот так.

this.selectEmployeeService.listEmployeeSubject.next();
this.selectEmployeeService.listEmployee.subscribe((response) => {
this.listEmployee = response;
});
Но вот дальше у меня тупик. что делать дальше.

Мне использовать уже this.listEmployee, в который отдается response. Или нужно дальше работать с сабжом. Точнее , только с ним и работать. А уже он записывать все в обсервейбл переменную?!

____________

Я просто делаю переход с 1 ангуляра, на 7. И во многом разные концепции у них.

#angular #frontend #javascript #programming #russian

0

15.05.2019

1 ответов

12 просмотров

Arthur Bobrovskih · Accepted Answer

Arthur Bobrovskih

все ок, только заместо subscribe в компоненте Вы можете преоборазовывать данные observable в нужный Вам вид с помощью rxjs операторов а дальше выводить в шаблоне через async pipe <div *ngFor="let item of listEmployee$ | async"> {{ item | json }} </div>

0

15.05.2019

169 похожих чатов

Добрый день, помогите, пожалуйста, понять логику работы Observable и Subject.

1 ответов

Похожие вопросы