Получить данные ответа без ошибки цикла angular2

Question

В моем проекте angular2 я пытаюсь получить значение идентификатора электронной почты из массива объектов. Есть только 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>