仅当在 Ionic 中选择了特定选项时如何显示字段？

Question

我有一个表单，我只想在选择第一个选项时显示此按钮。我正在使用 angular 模板驱动方法。

    <ion-item>
              <ion-label>Address:</ion-label>

              <ion-select ngModel name="estate">
                <ion-option [value]='1'>Estate1</ion-option>
                <ion-option [value]='2'>Estate2</ion-option>
                <ion-option [value]='3'>Estate 3</ion-option>
                 <ion-option [value]="4">Non-Residence</ion-option> 
              </ion-select>

            </ion-item>

            <ion-item *ngIf="estate == 1">
            <button ion-button round color="dark" >Estate1</button>
            </ion-item>

Answer 1

您应该通过将 #estate 添加到 ion-select 元素来定义 estate

<ion-select #estate ngModel name="estate">

并且您将字符串 1,2,3,4 绑定到选项，因此 ngIf 表达式应该是 *ngIf="estate.value === '1'"

参考 plunker demo(angular).

仅当在 Ionic 中选择了特定选项时如何显示字段？

How to show field only if a particular option is selected in Ionic?

forms

ionic3

angular