私のテンプレートには次のようなものがあります...
<div> {{ (profile$ | async).username}}</div>
<div> {{ (profile$ | async).email}}</div>
(profile | async) をローカル変数に割り当てる方法はありますか? すべてのフィールドに入力する必要があると、読みにくくなります。
ありがとう。
ベストアンサー1
Angular 4.0.0-rc.1 (2017-02-24) 以降では、拡張構文を使用できます。これにより、テンプレートのローカル変数に条件*ngIfの結果を割り当てることができます。*ngIf
<div *ngIf="profile$ | async as profile">
<div>{{profile.username}}</div>
<div>{{profile.email}}</div>
</div>
更新された*ngIfドキュメンテーションさらに詳しく説明し、asyncと を*ngIf一緒に使用した多くの良い例を示します。
のthenおよびのステートメントも必ず確認してください。else*ngIf
コリー・ローランが短いチュートリアル5〜10分で消化できるもの。