각도 2 - 구독 대 바인딩

Question

내가 가지고 상황 재산 이제

@Injectable() 
export class MyService { 
    constructor(private _http: Http) {} 

    // a variable/getter in service that holds context 
    _currentContext: any; 
    get currentContext() { return this._currentContext;} 

    // a method in service that fetches context 
    fetchContext() { 
    return this._http.get(`/api/xxx`).map(response => response.json()); 
} 

구성 요소가이 서비스를 주입 할 수 있으며, 구성 요소 템플릿의 요소를 직접 상황 결합 할 수를 유지하는 서비스 . 컨텍스트가 변경 될 때마다 이러한 바인딩은 변경 감지의 일부로 업데이트됩니다.

컨텍스트가 변경 될 때 구성 요소에서 일부 논리를 실행하려면 어떻게해야합니까?

@Component({ 
    selector: 'my-cmp', 
    template: `<div *ngIf="_myService.currentContext` >asdf</div> 
}) 
export class MyComponent{ 
    constructor(private _myService: MyService) {} 

    //doSomethingOnContextChange(){} 
} 

나는 대답이 생성/내 서비스에 관찰 가능한을 유지하는 것입니다 생각하고 내 구성 요소는 관찰에 등록합니다.

_currentContextObservable= new Subject<any>(); 
get currentContextObservable(): Observable<any> { return this._currentContextObservable; } 

이렇게 변수마다 하나의 변수/getter와 하나의 subject/observable을 유지해야합니까? 아니면 다른 우아하고 좋은 방법이 있습니까?

Answer 1

나는 종종 서비스의 종류 BehaviorSubject를 사용

export class MyService { 
    private contextSubject = new BehaviorSubject<any>(null); 
    context$ = this.contextSubject.asObservable(); 

    get context() { 
     return this.contextSubject.value; 
    } 

    ... 
} 

당신도 context 또는 context$는 당신이 필요에 따라 사용할 수 있습니다.