web-dev-qa-db-ja.com

Angular2-UIを監視可能なプロパティにバインド

私はAngular 2 wit rxjs observableを使用しています。このインターフェースを作成しました：

interface IGame {
    name: string;
    description: string;
}

私はそれをオブザーバブルとして使用し、UIへの入力として渡します。

@Input() public game: Observable<IGame>;

問題は、UIでこのようにオブジェクト全体をバインドするときに、値が印刷されて表示されることです。

 <h3>{{game | json}}</h3>

バインド固有のプロパティ（もちろんゲームの一部）を使用している間、画面には何もありません-ただ空の文字列：

 <h3>{{game.name}}</h3>
 <h3>{{game.description}}</h3>

まったく可能ですか？名前と説明を異なる入力として渡す必要がありますか？

angularrxjsobservable
37
Lior Kooznits

asyncパイプは、ビューバインディングでサブスクリプションを実行します

 <h3>{{(game | async)?.name}}</h3>

?は、null値が発行される場合にのみ必要です。

59
Günter Zöchbauer