仅在选中切换的情况下才能显示div

时间:2019-09-28 21:21:08

标签: angular ionic-framework

我设置了以下代码

<ion-col>
    <ion-row>
        <ion-item>
            <ion-label> Set safe zone for device</ion-label>
            <ion-toggle name ='safeZone' ></ion-toggle>
        </ion-item>
        <app-location-picker *ngIf= safeZone.checked>

        </app-location-picker>
    </ion-row>
  </ion-col>

并且我只希望在检查了我选择的离子切换我命名为安全区的情况下显示应用程序位置选择器,但我尝试这样做,但是系统在ngif之后不接受安全区。任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

我实际上以前没有尝试过name属性,但是可以肯定的是,您可以尝试使用ngModel属性/代替它。

<ion-item>
  <ion-label>Set safe zone for device</ion-label>
  <ion-toggle [(ngModel)]="safeZone"></ion-toggle>
</ion-item>
<app-location-picker *ngIf="safeZone"></app-location-picker>