获取无回路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>