Какие есть способы отслеживать изменение объекта в Angular 2 (аналоги $watch)?

Question

[kodwi]

Есть общий сервис, в нем данные. Он подключен к разным компонентам. Нужно при изменении объекта этого сервиса в одном компоненте отловить эти изменения в другом. В Angular 1 есть $watch, и я верю, что есть аналоги во второй версии. Может как-то через RxJS?

Заранее спасибо.

Comments

[DarthJS]

Не очень понятно, Выложи хоть пример маленький. Из того, что я понял, я б в Angular1 не использовал $watch.
Angular2 - посмотри в сторону events, observers.
P.S. ответ навскидку, так как вопрос не полностью ясен

Answer 1

[kodwi]

Нашел ответ. Реактивное программирование. Нужна сущность Rx.Subject.

Ниже пример на type script.

class SomeService {
  info: any = {}; // хотим отслеживать это поле
  infoSubject: Rx.Subject = new Rx.Subject();

  infoChanged(): Rx.Subject {
    return this.infoSubject;
  }

  addInfo(): void {
    this.info.blabla = '123';
    this.infoSubject.next(); // этот метод вызывает все подписанные на этот subject колбэки
  }
}

class AnotherService {
  constructor(private _someService: SomeService) {
    // подписываемся на изменения info из SomeService
    this._someService.infoChanged().subscribe({
      next: () => console.log('Object info from SomeService has changed!')
    });
  }
}