angular - 获取没有循环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>