Angular 2.0.1 AsyncPipeがRx Subjectで動作しない

Question

AsyncPipeはBehaviorSubjectで動作しますが、空のデータでサービスを初期化したくないため、Subject inteadを使用します。

問題はNgForで、asyncPipeはSubjectで動作しません。問題ですか？

これは動作します：

コンポーネント：

export class AppComponent { 
    foo = new BehaviorSubject<Array<number>>([1,2,3]); 

    getFoo(){ 
    return this.foo.asObservable(); 
    } 
} 

テンプレート

<span *ngFor="let e of foo.asObservable() | async">{{e}}</span> 

これませワークス：

コンポーネント

ここ

export class AppComponent { 
    foo = new Subject<Array<number>>(); 

    constructor(){ 
    setTimeout(() => { 
      this.foo.next([1,2,3]); 
    }, 3000); 
    } 

    getFoo(){ 
    return this.foo.asObservable(); 
    } 
} 

テンプレート

<span *ngFor="let e of foo.getFoo() | async">{{e}}</span> 

Answer 1

問題は私のテンプレートからメソッドを呼び出している - これは、変化検出を実行するたびに意味、私が観察できるの新しいインスタンスを返しますあなたからgetfoo（）関数を呼んでいますこれは、非同期パイプをリセットします。

したがって、NgForでgetFoo（）を呼び出しても、コードは失敗します。

Solucionでは、コンポーネントに観測可能な変数を作成します。