Angular 2: accede / obtiene el elemento de entrada dentro de un * ngFor y ngModel

Question

Apr 18, 2016, 03:30 PM

Angular 2: accede / obtiene el elemento de entrada dentro de un * ngFor y ngModel

<ion-card *ngFor='#product of products | mapToIterable:"key":true'>
    <ion-list>
        <ion-item>
            <ion-label stacked>Account No. / Phone No.</ion-label>
            <ion-input type="text" [(ngModel)]="product.msisdn"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label stacked>Amount</ion-label>
            <ion-input type="text" (keypress)="isNumberKey($event)" [(ngModel)]="product.amount"></ion-input>
        </ion-item>
    </ion-list>
</ion-card>

En referencia al html anterior, ¿cómo obtengo la referencia de entrada de iones para podersetFocus() en él después de la validación falla. Ya obtuve el siguiente código para validar cada entrada.

for (var product of <any>this.products) {
    if (product.service_type_id == 2 && !product.msisdn) {
        alert('something');
        //Get the element and set focus here.
    }
}

¿Es este un buen enfoque? ¿Hay una mejor manera de manejar esto en Angular 2?