Angular 2 - доступ / получить элемент ввода внутри * ngFor и 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>
Ссылаясь на HTML выше, как я могу получить ссылку на ионный ввод, чтобы я могsetFocus()
на нем после проверки не проходит. Я уже вышел с кодом ниже для проверки каждого ввода.
for (var product of <any>this.products) {
if (product.service_type_id == 2 && !product.msisdn) {
alert('something');
//Get the element and set focus here.
}
}
Это хороший подход? Есть ли лучший способ справиться с этим в Angular 2?