angularjs - 动态读取 ionic 切换值并发布到数据库

标签 angularjs typescript ionic-framework ionic3

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

stud.html

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

螺柱.ts

<pre><code>` changeToggle() { console.log(this.Student_FirstName + "is checked"); }` </code></pre>

最佳答案

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

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

组件

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

关于angularjs - 动态读取 ionic 切换值并发布到数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52733612/

相关文章:

javascript - 在 AngularJS 中重置表单

javascript - ng-使用 limitTo 过滤器重复第一页和最后一页

angular - 如何为 Angular 环境使用默认值

angular - 错误类型错误 : Cannot read property 'style' of undefined - Ionic 3, Angular 4

javascript - ionic2 从函数检索数据到 html 页面

cordova - Ionic 2 的未签名 APK 无法安装在设备上

javascript - 如果数组具有匹配的字符串,则返回 Angular 自定义过滤器

angularjs - 将 ui-grid 网格列格式化为货币 (RC 3.0)

javascript - Angular 7、Ngrx、ExpressionChangedAfterItHasBeenCheckedError

javascript - NestJS/TS 中的依赖 hell