我想在ion-select中选择ion选项后添加ion-item

Question

由于不同的选项有不同的输入信息，我想问一下，在从ion-select中选择一个选项后，我如何才能有额外的ion-item。

以下是我的代码：

<ion-item>
    <ion-label class="lbReward" color="dark" >Reward Type:  </ion-label>
    <ion-select (ionChange) = "onChange()" okText="Okay" cancelText="Dismiss" placeholder= "Select Type" formControlName = "rewardType" [ngModel] = "selectedRewardType">
        <ion-option value="priceDiscount">Total Price Discount</ion-option>
        <ion-option value="categoryDiscount">Category Price Discount</ion-option> 
        <ion-option value="freeGiftwithPrice">Sufficient Price Free Gift</ion-option>
        <ion-option value="freeGiftwithMeal">Meal with Free Gift</ion-option>
      </ion-select>
</ion-item>
<ion-item>
    <ion-label color="dark" >Discount Percentage:  </ion-label>
    <ion-input name= "discountPercent" type="text" formControlName = "discountPercent"> </ion-input>
</ion-item>

我只想在选择Total Price Discount之后显示折扣百分比。有什么办法吗？

Answer 1

将*ngIf语句添加到<ion-item>

<ion-item *ngIf="selectedRewardType && selectedRewardType.length > 0">
    <ion-label color="dark" >Discount Percentage:  </ion-label>
    <ion-input name= "discountPercent" type="text" formControlName = "discountPercent"> </ion-input>
</ion-item>