Ini tidak menjawab pertanyaan secara langsung, tetapi pada kesempatan yang berbeda saya mendarat di pertanyaan Stack Overflow ini untuk menyelesaikan sesuatu yang saya akan gunakan $ watch for in angularJs. Saya akhirnya menggunakan pendekatan lain dari yang dijelaskan dalam jawaban saat ini, dan ingin membaginya jika ada yang merasa berguna.
Teknik yang saya gunakan untuk mencapai sesuatu yang serupa $watchadalah dengan menggunakan BehaviorSubject( lebih banyak tentang topik di sini ) dalam layanan Angular, dan membiarkan komponen saya berlangganan untuk mendapatkan (melihat) perubahan. Ini mirip dengan $watchdi angularJs, tetapi membutuhkan lebih banyak pengaturan dan pemahaman.
Dalam komponen saya:
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;
});
}
}
Dalam pelayanan saya
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});
}
}
Ini demo di Stackblitz