离子2在文本框中插入的10位数字时调用功能

Question

我是离子2/Angular 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>

假设代码较少意味着简单，这可能会更好。