Ionic 2 вызывает функцию, когда ровно 10 цифр, вставленных в текстовое поле

Question

Я новичок в ионном 2/угловом 2.
Я хочу отобразить окно выбора операторов, когда пользователь выполнит ввод 10-значного мобильного номера. До сих пор я создал функцию в TS

showOperators() 
{ 
    let len = this.mobileNo.length; 
    if(len==10) 
    { 
     this.isOperator = True; 
    } 
    else 
    { 
     this.isOperator = False; 
    } 
} 

и вызов этой функции как

<ion-input (keypress)="showOperators()" [(ngModel)]="mobileNo"></ion-input> 

и DIV для отображения является

<div *ngIf="isOperator"> 
    <ion-select [(ngModel)]="operators"> 
     <ion-option value="1">Operator1</ion-option> 
     <ion-option value="2">Operator2</ion-option> 
    </ion-select> 
</div> 

он показывает требуемую функциональность. Но я хочу знать, что я использую правильный путь или есть какое-то другое хорошее решение для этого.

Answer 1

Вы можете избежать любого кода позади, делая это:

<ion-input [(ngModel)]="mobileNo"></ion-input> 

    <div *ngIf="mobileNo?.length == 10"> 
    <ion-select> 
     <ion-option value="1">Operator1</ion-option> 
     <ion-option value="2">Operator2</ion-option> 
    </ion-select> 

Предполагая, что меньше кода означает простоту, это может быть лучше.