я хочу добавить ионный элемент после того, как ионная опция выбрана в ion-select

Question

Поскольку другая опция имеет различную информацию для ввода, я хочу спросить, как я могу получить дополнительный ионный элемент после того, как опция выбрана из ионного выбора.

Вот мои коды:

<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>

Я хочу показать процент скидки только после того, как я выбрал скидку по общей цене. Есть ли способ?

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>