นี่ไม่ใช่คำตอบของคำถามโดยตรง แต่ฉันมีโอกาสต่าง ๆ กันในคำถาม Stack Overflow นี้เพื่อแก้ปัญหาบางอย่างที่ฉันจะใช้ $ watch สำหรับใน angularJs ฉันใช้วิธีอื่นมากกว่าที่อธิบายไว้ในคำตอบปัจจุบันและต้องการแบ่งปันในกรณีที่มีคนพบว่ามีประโยชน์
เทคนิคที่ฉันใช้เพื่อให้ได้สิ่งที่คล้ายกัน$watchคือการใช้BehaviorSubject( เพิ่มเติมในหัวข้อที่นี่ ) ในบริการเชิงมุมและให้ส่วนประกอบของฉันสมัครสมาชิกเพื่อรับการเปลี่ยนแปลง (ดู) สิ่งนี้คล้ายกับ$watchangularJs แต่ต้องการการตั้งค่าและความเข้าใจเพิ่มเติม
ในองค์ประกอบของฉัน:
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