Angular2 +非同期パイプ：単一Observaleから複数の値を取得

Question

単一のObservableを返す単一のServiceがあります。今私はあまりにも多くのコードを書くことなく、このObservableから複数の結果を取得するための正しい/最も効率的な方法を探しています。

• MyServiceObservable<Array<Foo>>

• MyComponentコールmyService.getFoos()とすべき出力アレイ、およびアレイの全体の長さ、及び図示されていない要素の数から最初の5つの要素を返します。

は、ここに私の現在のコードです：

@Injectable() 
export class MyService { 
    foos = new BehaviorSubject<Array<Foo>>([]); 

    getFoos() { 
    return this.foos.asObservable(); 
    } 
} 



@Component({ 
    template: ` 
    Total: {{ totalCount | async }} 
    Omitted: {{ (totalCount | async) - (maxFiveItems | async).length }} 
    <div *ngFor="let item of maxFiveItems | async"> 
     {{item.bar}} 
    </div> 
    ` 
}) 
export class MyComponent { 
    totalCount: Observable<number>; 
    maxFiveItems: Observable<Array<Foo>>; 

    constructor(myService:MyService) { 
    this.totalCount = myService.getFoos() 
     .map(arr => arr.length); 

    this.maxFiveItems = myService.getFoos() 
     .map(arr => arr.slice(0, 5)); 
    } 
} 

結果は正常に見えるが、私はasyncパイプを4回使用しています。それは（私が知る限り）4つのサブスクリプションにつながります。これは私が推測するすべての必要はありません（？）もちろん

---

私は手動でMyComponentのconstructor以内に加入した後、asyncパイプなしに住むことができます。しかし、私は自分自身の脱会を世話しなければなりません。

これを処理する他の方法はありますか？

Answer 1

内側のmyService.getFoos()がshare()演算子を使用していると仮定して何も問題はありません。そのため、すべてのasyncパイプはソースと同じサブスクリプションを共有します。この例のようにBehaviorSubjectを使用している場合は、問題ありません。

あなたがコンストラクタで自分自身を購読することについて述べたことは、すぐに私の心に来たものです。私は問題として手動のサブスクリプションが表示されません。