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

当我选择选项时，我想显示输入文本标签。当从选择框中选择特定选项时显示输入字段 - Ionic2

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 });

来源

2016-08-25 balaji

既然你做<ion-select [(ngModel)]="num">的num属性将有值或（不正确或假），所以在你看来，你需要与这些进行比较值：

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

来源

2016-08-25 17:11:15 sebaferreras

其实我有两个选择，当我点击我要显示输入text.In这种情况下，如果我给NUM == 1，如果我选择第一个选项，然后只给它输入选项中的任何一个第二个选项它没有给出输入文本。 – balaji

对不起，我没有理解你的评论中的问题。您可以显示更多选项的输入，例如'* ngIf =“num == 1 || num == 2”' – sebaferreras

谢谢。 – balaji

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

回答

相关问题