Angular 遍历对象数组anglar2

我是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>

{{phone.phone{u type}}phone

我知道contact对象是正确的，因为我可以显示该对象的其他字段，但是对于*ngFor外观，我得到“无法读取未定义的属性'phones'

---

我在这里遗漏了什么？

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

<ion-item class="item-icon-left item-icon-right" id="contact-list-item8" *ngFor="let phone of contact?.phones">

---

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

<ion-item class="item-icon-left item-icon-right" id="contact-list-item8" *ngFor="let phone of contact?.phones">

安全导航操作员应解决您的问题。如果没有，大声说：）该死，我还没来得及回答，他就关上了。伙计，只需在你的ngFor中添加

| async

在

联系人之后。手机

。谢谢，特里谢！安全导航操作员应该解决您的问题。如果没有，大声说：）该死，我还没来得及回答，他就关上了。伙计，只需在你的ngFor中添加

| async

在

联系人之后。手机

。谢谢，特里谢！谢谢萨吉塔兰。我总是忘记异步操作符！酷！马克，如果这对汉克斯·萨吉塔兰有帮助的话。我总是忘记异步操作符！酷！马克，如果这有帮助的话