【问题标题】:Iterating through an array of an object anglar2 [duplicate]遍历对象 angular2 的数组 [重复]
【发布时间】: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
  • 谢谢,毛毛虫!

标签: angular ionic2


【解决方案1】:

在这种情况下尝试使用安全导航运算符,

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

【讨论】:

  • 谢谢萨吉塔兰。我总是忘记异步操作符!
  • 酷!标记是否有帮助
猜你喜欢
  • 2020-11-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-25
  • 1970-01-01
  • 2018-09-23
  • 2020-01-13
  • 2017-09-19
相关资源
最近更新 更多