Question

当我选择选项时，我想显示输入文本标签。

html代码

<ion-item >
   <ion-label floating>TIN/GRN NO</ion-label>
   <ion-select [(ngModel)]="num">
     <ion-option *ngFor="let nom of list" value="{{nom.value}}" checked="  {{nom.checked}}" [innerHTML]="nom.label">{{nom.text}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item *ngIf="num == 'true'">
     <ion-label>Detail</ion-label>
     <ion-input type="text"></ion-input>
  </ion-item>

ts档

num = 'true';
 list: Array<{ value: number, text: string, checked: boolean }> = [];

constructor:
        this.list.push({ value: 1, text: 'TIN NO', checked: false  });
        this.list.push({ value: 2, text: 'GRN NO' , checked: false });

Answer 1

由于您正在执行<ion-select [(ngModel)]="num"> num属性，其值 1 或 2 （不是真或假）所以在您的视图中，您需要与这些值进行比较：

  <ion-item *ngIf="num == 1">
     <ion-label>Detail</ion-label>
     <ion-input type="text"></ion-input>
  </ion-item>

从选择框 - Ionic2中选择特定选项时显示输入字段

1 个答案: