Ionic show div, только если переключатель включен

Question

У меня установлен следующий код

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

, и я хочу отображать app-location-picker только в том случае, если проверена безопасная зона ion-toggle i names, я пытался сделать это, но системане принимает безопасную зону после ngif.Любая помощь будет оценена

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