当从选择框中选择其他选项时，ionic2显示输入字段

Question

使用Ionic2和Angular2，我想让用户在选择选项＆＃39;其他＆＃39;从选择框。

选择示例：

以下是代码：

＆＃13;

＆＃13;

	<ion-item>
		<ion-label>Select Profession</ion-label>
		<ion-select [(ngModel)]="userType">
			<ion-option *ngFor="let ut of userTypeList" [value]="ut.value" [innerHTML]="ut.label"></ion-option>
		</ion-select>
	</ion-item>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用userType属性并在其值等于 other 选项的值时显示输入：

<ion-item>
  <ion-label>Select Profession</ion-label>
  <ion-select [(ngModel)]="userType">
    <ion-option *ngFor="let ut of userTypeList" [value]="ut.value" [innerHTML]="ut.label"></ion-option>
  </ion-select>
</ion-item>

<ion-item *ngIf="userType == 'otherOptionValue'">
  <ion-label>Detail</ion-label>
  <ion-input type="text"></ion-input>
</ion-item>