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>

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

Ionic 2在文本框中插入10个数字时调用一个函数

1 个答案: