无法读取模板中未定义的属性

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存在于模板已被查看之后，?在.确认名称在加载时将被打印之前存在。