Це не відповідає на питання безпосередньо, але я неодноразово опинявся на цьому запитанні переповнення стека, щоб вирішити щось, для чого я би використовував $ watch у angularJs. Я в кінцевому підсумку використовував інший підхід, ніж описано в поточних відповідях, і хочу поділитися ним у випадку, якщо хтось вважає це корисним.
Метод, який я використовую для досягнення чогось подібного, $watchполягає у використанні BehaviorSubject( докладніше про тему тут ) у службі Angular, і дозволити моїм компонентам підписатися на нього, щоб отримати (переглянути) зміни. Це схоже на $watchкутовий J, але вимагає додаткової настройки та розуміння.
У моєму компоненті:
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