ngForで非同期パイプを使用Observables（Observables）（Observables）（角）

Question

私はこのように定義された変数：myVar: Observable<Observable<MyObject>[]>を持っています。私は非同期パイプ

*ngFor="let obsMyObject of (myVar | async)" 

に列挙するAngular4機能を使用しています

今私はMyObjectにの観測があるが、私はMyObjectにだけ必要です。私はこのような何かを必要とするので、プロパティを

<div *ngFor="let obsMyObject of (myVar | async)"> 
    <div *ngIf="let obsMyObject | async; let MyObject"></div> 
</div> 

が、私は（内部のdivには影響しません）flex orderを設定していますので、私は、内側のdiv要素でこれを行うことはできません：私はそのような何かを書くことができ

を

<div *ngFor="let obsMyObject of (myVar | async); let MyObject = (obsMyObject | async)" 
    [style.order]="MyObject.order"> 
</div> 

私はこれを行う方法を1つのアイデアを持っていた、と私はこの試みた：

<div *ngFor="let obsMyObject of (myVar | async); let MyObject = obsMyObject)"> 
    {{MyObject}} 
</div> 

をしかしMyObjectには定義されていませんので、let MyObject = (obsMyObject | async)がうまくいく方法はありません。

Answer 1

私はあなたがサブスクライブしてオブザーバブルへの参照を作成するには、ng-containerとngIfを使いたいと思っています。その後、ng-containerの中から、この新しい変数を単純なオブジェクトであるかのように参照することができます。

<ng-container *ngIf="myVar$| async as myVar"> 
    <div *ngFor="let obsMyObject of myVar"> 
    {{obsMyObject }} 
    </div> 
</ng-container> 

myVarとオブジェクトの使用は本当に混乱します。コンポーネントで

プロパティとして宣言：ここでは、より良い例です

users$: Observable<User[]> 

テンプレート：

<ng-container *ngIf="users$ | async as users"> 
    <div *ngFor="let user of users"> 
    {{ user.name }} 
    </div> 
</ng-container>