在我的组件模板中,我得到的输出为[output:Output],但不是我想要的。我正在使用@Output从父容器发送对象

在我尝试绑定{{selectedMovDetail|json}}的模板中,输出为{ "name": "The Walking Dead","rating":"8.6"}

但是当我尝试使用{{selectedMovDetail['name']}}提取数据时,出现以下错误

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

当我尝试使用Augury(Chrome调试工具)进行调试时,我得到了

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

现在我很困惑如何提取对象值。
任何对此的帮助,我们深表感谢

最佳答案

使用:selectedMovDetail?.name代替selectedMovDetail['name']

当您在选择json键时使用“ elvis”运算符?时,如果找不到特定键或尚未加载该值(仅在html中),它将不会引发错误。

例如,在您的情况下:selectedMovDetail.name在查看模板之后存在,因此在?之前使用.可以确保在加载名称时将其打印出来。

关于javascript - 无法读取模板中未定义的属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40691045/

10-12 03:08