【发布时间】:2018-04-22 16:09:46
【问题描述】:
我是 Angular 2 的新手,并且有一个场景,我的服务将一个对象返回给我的组件,并且在该对象中有几个数组。
一个例子是“电话”数组。
在我看来,我想在列表中显示每个数字,我认为我可以简单地执行以下操作:
<ion-item class="item-icon-left item-icon-right" id="contact-list-item8" *ngFor="let phone of contact.phones">
<i class="icon ion-ios-telephone"></i>
<small>{{phone.phone_type}} phone</small>
<br>
<a href="tel:{{phone.phone_number}}">{{phone.phone_number}}</a>
<i class="icon ion-ios-chatbubble-outline"></i>
</ion-item>
我知道联系人对象是正确的,因为我能够显示该对象的其他字段,但是对于 *ngFor 外观,我得到“无法读取未定义的属性 'phones'”。
我在这里错过了什么?
【问题讨论】:
-
安全导航操作员应该可以解决您的问题。如果没有,请大声喊叫:)
-
该死的,我还没来得及回答他就把它关了。伙计,只需在您的 ngFor 中的
contact.phones之后添加| async。 -
谢谢,毛毛虫!