ionic-framework - IONIC 2 ionic 选择更改时隐藏和显示文本框

Question

我想在 ionic 选择(组合框)更改时隐藏和显示文本框

例如我有: ionic 选择中的 1 和 2如果我选择 1 文本框将隐藏，如果我选择 2 文本框将出现

这是我当前的代码:

.ts

onChange(membership){
   if (this.membership = '1'){
   this.value = 1; }
       else if (this.membership = '2'){
      this.value = ""; }
 }

HTML

<ion-list>
<ion-item>
<ion-label>Register as</ion-label>
<ion-select [(ngModel)]="membership" (ionChange)="onChange(membership)">
  <ion-option value="1">member</ion-option>
 <ion-option value="2">nonmember</ion-option>
</ion-select>
</ion-item>
</ion-list>

这是我要隐藏的文本框

<ion-item [hidden]="!value">
<ion-label floating>Email Address</ion-label>
<ion-input type="text" name="email"  ></ion-input>
</ion-item>

当我打开应用程序时，文本框隐藏，当我从组合框中选择时，文本框显示，但当我选择组合框中的其他项目时，它不再隐藏。

Answer 1

这只是onChange 方法中的一个简单错误。您正在使用 = 赋值，因此它始终返回 true 并将 this.value 设置为 1。您必须使用双等号来验证相等性:

onChange(membership){
    if (this.membership == '1') {
      this.value = 1; 
    } else if (this.membership == '2'){
      this.value = 0; 
    }
}