獲取無迴路angular2錯誤的響應數據

在我的angular2項目中，我試圖從對象數組中獲取電子郵件ID的值。只有1個對象我不想使用循環。所以我試圖得到使用價值獲取無迴路angular2錯誤的響應數據

{{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>

任何想法如何使用它沒有循環？

來源

2017-04-18 Santosh

簡單地忽略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>

來源

2017-04-18 16:26:33

'{{客戶&&客戶[0] .customer_email}}'也應該可以正常工作 – unitario

@unitario良好的出發點，但是這也將CA使用「電子郵件」標籤在數據前呈現，這可能是也可能不是期望的行爲，但您絕對正確，這是一個可行的選擇。謝謝！ –

@DavidL什麼是數組越界？你可以解釋嗎。看起來你的代碼工作完美。 – Santosh

獲取無迴路angular2錯誤的響應數據

回答

相關問題