在我的组件模板中,我得到的输出为[output:Output],但不是我想要的。我正在使用@Output从父容器发送对象
在我尝试绑定{{selectedMovDetail|json}}
的模板中,输出为{ "name": "The Walking Dead","rating":"8.6"}
但是当我尝试使用{{selectedMovDetail['name']}}
提取数据时,出现以下错误
当我尝试使用Augury(Chrome调试工具)进行调试时,我得到了
现在我很困惑如何提取对象值。
任何对此的帮助,我们深表感谢
最佳答案
使用:selectedMovDetail?.name
代替selectedMovDetail['name']
。
当您在选择json键时使用“ elvis”运算符?
时,如果找不到特定键或尚未加载该值(仅在html中),它将不会引发错误。
例如,在您的情况下:selectedMovDetail.name
在查看模板之后存在,因此在?
之前使用.
可以确保在加载名称时将其打印出来。
关于javascript - 无法读取模板中未定义的属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40691045/