이것은 질문에 직접 대답하지는 않지만 angularJs에서 $ watch를 사용할 무언가를 해결하기 위해이 스택 오버플로 질문에 착수했습니다. 나는 현재 답변에 설명 된 것과 다른 접근법을 사용하여 누군가가 유용하다고 생각하는 경우 공유하고 싶습니다.
나는 비슷한 달성하기 위해 사용하는 기술은 $watch사용하는 것입니다 BehaviorSubject( 여기에 주제에 대한 더 많은 각도 서비스), 내 구성 요소가 변경 (시계)를 얻기 위해 여기에 가입 할 수 있습니다. 이것은 $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 의 데모입니다 .