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

Question

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

获取值

{{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错误的响应数据

Get response data without loop angular2 error

angular

angular-loopback