Get Antwortdaten ohne Schleife angular2 Fehler

Question

In meinem angular2-Projekt versuche ich, den Wert der E-Mail-ID aus dem Objekt-Array zu erhalten. Es gibt nur 1 Objekt, das ich nicht Schleife verwenden möchte. So versuche ich, den Wert zu erhalten,

das funktioniert nicht, aber unter Code arbeiten.

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

Irgendeine Idee, wie verwende ich es ohne Schleife?

Answer 1

auslassen einfach die ngFor und indizieren Ihre Kunden Antwort direkt:

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

Wenn Sie eine array out of bounds Ausnahme erhalten (die durch den Versuch verursacht einen Indexer [0] auf ein Array ohne Elemente anwenden), gelten eine ngIf zu Ihrem Elemente, um es von Rendering zu verhindern, bis die Daten geladen: obwohl

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