Question

我正在开发一个离子应用程序，我应该显示输入框，如pnr no，train no，当火车从下拉列表中选出时，当我从下拉列表中选择总线时，它应该输入与总线相关的方框，如座位号等

Answer 1

检查此代码，这将有效。

.html页面中的

：

<ion-label floating>Travel By</ion-label>
<ion-select (ionCancel)="cancel()">
    <ion-option value="Bus" (ionSelect)="selectTravel('Bus');">Bus</ion-option>
    <ion-option value="Train" (ionSelect)="selectTravel('Train');">Train</ion-option>
</ion-select>

<ion-label floating *ngIf="isTrainSelected">Train No</ion-label>
<ion-input *ngIf="isTrainSelected"></ion-input>

<ion-label floating *ngIf="isBusSelected">Seat No</ion-label>
<ion-input *ngIf="isBusSelected"></ion-input>

.ts页面中的

：

public isTrainSelected: boolean;
public isBusSelected: boolean;

selectTravel(Mode)
{
    if(Mode == 'Bus')
    {
        this.isTrainSelected = false;
        this.isBusSelected = true;
    }
    else if(Mode == 'Train')
    {
        this.isBusSelected = false;
        this.isTrainSelected = true;
    }
}

cancel()
{
    this.isBusSelected = false;
    this.isTrainSelected = false;
}

ionViewDidLoad() 
{
    //make it invisible on page load
    this.isBusSelected = false;
    this.isTrainSelected = false;
}

将此答案标记为已接受并且如果有效则将其提升为upvote。：）

离子选择下拉

1 个答案: