Angular2 Observable löst das erneute Rendern nicht aus

Question

TLDR: Observable-Objekt löst keine erneute Komponentenzerlegung aus, bis vom Benutzer eine Aktion ausgeführt wird (klicken Sie zum Beispiel auf eine Schaltfläche).

Ich aktualisiere ein Observable, das von einem BehaviorSubject unterstützt wird, das in einem Service enthalten ist, der in meine Komponente injiziert wird.

In meiner Komponente verwende ich eine einfache *ngIf="myObservable$ | async", um ein div anzuzeigen.

ich es geschafft, zwei Situationen zu replizieren, ein Arbeits- und ein, das nicht, aber ich kann nicht verstehen, was der Unterschied ist:

//CASE 1 
this._mySubject$.next(true); //THIS DOES TRIGGER RERENDERING 
//CASE 2 
this.http.get(url) 
.map(res => res.json()) 
.subscribe(body => { 
    this._mySubject$.next(true); //THIS DOESN'T TRIGGER RERENDERING UNTIL AN ACTION IS MADE 
}); 

Answer 1

Wenn Sie Nebenwirkungen tun müssen, versuchen Sie es in der zu tun tut Betreiber

this.http.get(url) 
.map(res => res.json()) 
.do(() => this._mySubject$.next(true)) 
.subscribe(); 

Answer 2

Es könnte eine bessere Idee, um das Verhalten Subjekt in der ngOnInit Methode zu abonnieren und eine Eigenschaft zu verwenden, in der ngIf gesetzt. Da das tatsächliche Objekt kein neues Objekt ist, sondern nur eine neue Emission von dem Verhaltensobjekt, löst es wahrscheinlich Angulars Änderungsdetektion nicht aus. Es scheint am besten mit unveränderlichen Objekten zu spielen.