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

Question

在我的组件模板中，我将输出作为[输出：输出]而不是我想要的输出。我使用@Output

从父容器发送对象

在我尝试绑定assets的模板中，输出为{{selectedMovDetail|json}}

但是当我尝试使用{ "name": "The Walking Dead","rating":"8.6"}提取数据时，我收到以下错误

当我尝试使用Augury（chrome调试工具）进行调试时，我得到了

现在我对如何提取对象值感到困惑。 任何有关这方面的帮助都非常感谢

Answer 1

使用：selectedMovDetail?.name代替selectedMovDetail['name']。

当你使用＆＃34; elvis＆＃34;运算符?，在选择json密钥时，如果找不到特定的密钥或者尚未加载该值（仅在html中），则不会抛出错误。

例如，在您的情况下：selectedMovDetail.name在查看模板后存在，因此在?之前使用.确保在加载名称时打印该名称。