迭代通过一个对象anglar2的数组

时间:2017-11-09 15:30:08

标签: angular ionic2

我是角度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外观,我得到&#34;无法读取属性&#39;手机&#39;未定义&#34;。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:2)

在这种情况下尝试使用安全导航操作符

email