Question

当我选择一个选项时，我需要显示该项目，但是我不确定如果有人可以帮助的话，这样做有多糟糕

    <ion-item>
        <ion-label floating>Reward </ion-label>
        <ion-select>
                <ion-option >Price reduction</ion-option>
                <ion-option (click)="onButtonClick()" >Discount </ion-option>
            </ion-select>
    </ion-item>

    <ion-item *ngIf="buttonClicked" >
        <ion-label floating>Discount Percentage </ion-label>
        <ion-input type="text" ></ion-input>

    </ion-item>

我想要当我单击折扣时以其他方式显示离子项，否则将不会显示。当我将其应用于离子选择器时，它在按钮上的工作效果很好，但无法正常工作。预先感谢

Answer 1

改为使用ionChange，然后将函数调用放在ion-select标记上，而不是ion-option上。由于您只想显示折扣为chouse的div，因此我们为选项设置了一个值并在函数中进行了确认：

<ion-select (ionChange)="onButtonClick($event)">
  <ion-option value="reduction">Price reduction</ion-option>
  <ion-option value="discount">Discount</ion-option>
</ion-select>

TS：

onButtonClick(ev) {
  ev === 'discount' ? this.buttonClicked = true : this.buttonClicked = false;
}

StackBlitz

Ionic 3在选择时显示离子项目

1 个答案: