Это не дает прямого ответа на вопрос, но я несколько раз сталкивался с этим вопросом переполнения стека, чтобы решить что-то, для чего я бы использовал $ watch в angularJs. Я использовал другой подход, чем описанный в текущих ответах, и хочу поделиться им на случай, если кто-то сочтет это полезным.
Техника, которую я использую для достижения чего-то похожего, $watchзаключается в использовании BehaviorSubject( подробнее о теме здесь ) в службе Angular и разрешении моим компонентам подписываться на нее, чтобы получать (наблюдать) изменения. Это похоже на $watchв angularJs, но требует дополнительной настройки и понимания.
В моем компоненте:
export class HelloComponent {
name: string;
// inject our service, which holds the object we want to watch.
constructor(private helloService: HelloService){
// Here I am "watching" for changes by subscribing
this.helloService.getGreeting().subscribe( greeting => {
this.name = greeting.value;
});
}
}
В моем сервисе
export class HelloService {
private helloSubject = new BehaviorSubject<{value: string}>({value: 'hello'});
constructor(){}
// similar to using $watch, in order to get updates of our object
getGreeting(): Observable<{value:string}> {
return this.helloSubject;
}
// Each time this method is called, each subscriber will receive the updated greeting.
setGreeting(greeting: string) {
this.helloSubject.next({value: greeting});
}
}
Вот демо на Stackblitz