Question

在我的angular2项目中，我试图从对象数组中获取电子邮件ID的值。只有一个对象我不想使用循环。所以我试图使用

获取价值

{{customers[0].customer_email}}

这不起作用，但在代码工作之下。

    <ion-item *ngFor="let customer of customers">
        <ion-label fixed>Email</ion-label>
        <ion-input type="text" value="{{customer.customer_email}}"></ion-input>         
    </ion-item>

任何想法如何在没有循环的情况下使用它？

Answer 1

只需省略ngFor并直接索引客户回复：

<ion-item>
    <ion-label fixed>Email</ion-label>
    <ion-input type="text" value="{{customers[0].customer_email}}"></ion-input>         
</ion-item>

如果您遇到array out of bounds异常（这是由于尝试将索引器[0]应用于没有任何元素的数组引起的），请将ngIf应用于您的项目以防止它呈现直到数据载入：

<ion-item *ngIf="customers && customers.length">
    <ion-label fixed>Email</ion-label>
    <ion-input type="text" value="{{customers[0].customer_email}}"></ion-input>         
</ion-item>

获取没有循环angular2错误的响应数据

1 个答案: