Toggle

  1. <ion-list>
  3.   <ion-item>
  4.     <ion-label>Pepperoni</ion-label>
  5.     <ion-toggle [(ngModel)]="pepperoni"></ion-toggle>
  6.   </ion-item>
  8.   <ion-item>
  9.     <ion-label>Sausage</ion-label>
  10.     <ion-toggle [(ngModel)]="sausage" disabled="true"></ion-toggle>
  11.   </ion-item>
  13.   <ion-item>
  14.     <ion-label>Mushrooms</ion-label>
  15.     <ion-toggle [(ngModel)]="mushrooms"></ion-toggle>
  16.   </ion-item>
  18. </ion-list>

属性

  • checked boolean

    是否打开

  • disabled boolean

    是否禁用

输入

  • checked
  • disabled

输出事件

  • change

    切换时触发