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

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

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

您应该通过将estate添加到选择元素来定义estate

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

请参阅plunker。

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

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

---

请参阅plunker。

当您从select元素中选择一个选项时，estate属性是否获得该选项的值？只需询问问题是否存在或是否存在*ngIf@sebaferreras是，当我执行console.logform时，我可以看到值已被传递如果删除值中的attr绑定会发生什么，使它们仅为value=1，然后在*ngIf中使用===运算符，如下所示：*ngIf=estate==1？@sebaffereras我刚才尝试过删除attr绑定[value]='1'到value='1'。仍然没有任何更改也尝试了==和===operators@sebaferreras谢谢你和我一起排除故障。彭吉的回答奏效了。通过将estate添加到选择输入当您从select元素中选择一个选项时，estate属性是否获得该选项的值？只需询问问题是否存在或是否存在*ngIf@sebaferreras是，当我执行console.logform时，我可以看到值已被传递如果删除值中的attr绑定会发生什么，使它们仅为value=1，然后在*ngIf中使用===运算符，如下所示：*ngIf=estate==1？@sebaffereras我刚才尝试过删除attr绑定[value]='1'到value='1'。仍然没有任何更改也尝试了==和===operators@sebaferreras谢谢你和我一起排除故障。彭吉的回答奏效了。通过将estate添加到选择输入

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