2017-09-12 11 views
1

アングル2ではテンプレートがあるコンポーネントがあります。テンプレートの非同期パイプの結果をコンポーネントコードからアングル2にアクセスする

TypeScriptコードのコンポーネントでは、Reactive Extensions Observable(items$)を作成し、async-pipeを持つテンプレートのngForディレクティブに使用します。

このように、私は自分自身の購読と購読を心配する必要はありません。

コンポーネントコードから、私はアイテムのリストにアクセスしたいと思いますが、購読しません。テンプレートからアイテムリストのコピーや参照を手渡す方法はありますか?

+0

私は...あなたがすることが今では可能ではないと思うの例を参照してください。 .tsのサブスクリプションを作成し、その結果を変数に格納する必要があります... –

答えて

0

角度は4+あなたは(同様*ngIfのために働く)asとの特別な構文を使用することができますので:

<div *ngFor="let item of items$ | async as items"></div> 
    {{ items.length }} ... 
</div> 

はここhttps://angular.io/api/common/NgForOf

+0

はい、しかし、私はアイテムのリスト全体への参照を希望し、コンポーネントコード(ts-file)でアクセスしたいと思います。 – lox

+1

それから、コンポーネントでサブスクリプションを作成する必要があります。 – martin

関連する問題