無法讀取模板中未定義的屬性

Question

在我的組件模板中，我得到的輸出是[output：Output]，但不是我想要的。我從父容器使用@Output

在我的模板發送對象，當我試圖綁定{{selectedMovDetail|json}}輸出{ "name": "The Walking Dead","rating":"8.6"}

但是當我嘗試使用{{selectedMovDetail['name']}}我收到以下錯誤提取數據

當我試圖用占卜（鉻調試工具）來調試我得到

現在我很困惑如何提取對象值。 關於此任何幫助非常感謝

Answer 1

使用：selectedMovDetail?.name而不是selectedMovDetail['name']。

當您使用「elvis」操作符?來選擇您的json鍵時，如果找不到特定鍵或值尚未加載（僅在html中），它不會引發錯誤。

例如，在您的情況下：selectedMovDetail.name存在於模板已被查看之後，?在.確認名稱在加載時將被打印之前存在。