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

Question

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

    <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添加到#estate元素

来定义ion-select

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

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

引用plunker demo(angular) 。