2016-11-19 30 views
0

私のコンポーネントテンプレートでは、私は[出力:出力]として出力していますが、私が望むものではありません。私は出力が{ "name": "The Walking Dead","rating":"8.6"}テンプレートで未定義のプロパティを読み取ることができません

ある{{selectedMovDetail|json}}をバインドしようとすると、しかし、私は、私は次のエラーを取得する{{selectedMovDetail['name']}}を使用してデータを抽出しようとしたとき、私は私のテンプレートでは@output

使用して、親コンテナからオブジェクトを送信してい

私は占い(クロームデバッグ・ツール)でデバッグしようとしたとき、私は

enter image description hereを取得

enter image description here

今私はオブジェクト値を抽出する方法が混乱しています。 これに関する助けを歓迎します。

+1

'selectedMovDetail? 'name']'の 'selectedMovDetail ?name' isteadを試してみてください。 – echonax

+1

ああ..私は何を、なぜ使うべきなの? – Coeus

+2

JsonPipeは、データ*がまだロードされていない初期ケースを処理できます*。また、 'ngIf'を使ってこれを解決することも、' AsyncPipe'を使ってデータを提供するObservableを解決することもできます。 – jonrsharpe

答えて

1

selectedMovDetail['name']の代わりにselectedMovDetail?.nameを使用してください。

"elvis"演算子?を使用してjsonキーを選択すると、特定のキーが見つからないか、値がまだロードされていない場合(htmlのみ)、エラーは発生しません。

テンプレートが表示された後にselectedMovDetail.nameが存在するとします。.の前に?を使用すると、ロード時に名前が印刷されます。