如何在ionic v4中以编程方式更改切换

时间:2019-04-21 16:03:57

标签: angular typescript ionic-framework

我正在尝试从服务器检索切换状态并相应地更新视图 这是该内容的HTML

<ion-list *ngIf="this.devices.length > 0 " no-padding >    
      <ion-item *ngFor="let device of this.devices;  let i = index">      
        <ion-label color="light">{{ device.name }} </ion-label>
        <ion-toggle (ionChange)="update_state($event,device.ssid)" (ngModel)="device.ssid" color="secondary"></ion-toggle >
      </ion-item> 
    </ion-list>

我知道我可以使用ion-togglengModel绑定到ts文件中的对象,但是我不明白动态生成的切换如何工作?

1 个答案:

答案 0 :(得分:1)

进行ngModel双向绑定,将(ngModel)更改为[(ngModel)]

  <ion-toggle (ionChange)="update_state($event,device.ssid)" [(ngModel)]="device.ssid" color="secondary"></ion-toggle >