从.ts文件访问对象时，在离子3中访问.html时出现未定义错误

Question

我正在尝试访问通过.html文件上的.ts文件发送的对象值，但它显示

"Error: Uncaught (in promise): TypeError: co.productdetail is undefined
View."

这里的productdetail是我试图从.ts文件传递到.html文件的变量名。这是我试图在html文件<h3>{{productdetail.name}}</h3>中打印对象的name属性的方式。 然而，以下似乎在另一个文件中正常工作。

<div class="width50" *ngFor="let object of dataList">
<img src="{{object.images[0].src}}" width="150"  (click)="navigateToPage(object.id)" />

这里datalist是从.ts文件传递到.html文件的对象数组。 请建议解决方案。

Answer 1

使用typesafe Box 运算符来避免此错误

?

原因：

• 即使在<h3>{{productdetail?.name}}</h3> 被触发之前，也会呈现DOM元素。
• 如果您正在使用来自服务响应的数据，则绑定将使它们未定义，直到收到响应。