首页 > 解决方案 > 动态读取离子切换值并发布到数据库

问题描述

我正在显示数据库中的名称列表,我需要在所有列表中都有一个切换按钮,分别对应 id 并将它们发布到数据库。如何在 ionic 中添加切换按钮并使用 id 动态读取它的值。

螺柱.html

<ion-item *ngFor="let list of getStudentList"> <ion-label>{{list.Student_FirstName}}</ion-label> <ion-toggle [(ngModel)]="list.Student_FirstName" (ionChange)="changeToggle()"></ion-toggle> </ion-item>

学生.ts

`

   changeToggle() {
    console.log(this.Student_FirstName + "is checked");
  }`

标签: angularjstypescriptionic-frameworkionic3

解决方案


您可以轻松地将当前项目传递给ionChange函数

<ion-toggle 
  [(ngModel)]="list.Student_FirstName" 
  (ionChange)="changeToggle(list)">
</ion-toggle>

零件

changeToggle(list){
    console.log(list.Id)
}

推荐阅读