Angularjs 动态读取值并发布到数据库

Angularjs 动态读取值并发布到数据库,angularjs,typescript,ionic-framework,ionic3,Angularjs,Typescript,Ionic Framework,Ionic3,我正在显示数据库中的姓名列表,我需要在所有列表中使用相应的to id切换按钮,并将其发布到数据库中。 如何在ionic中添加切换按钮并使用id动态读取其值 stud.html {{list.Student_FirstName} 双头螺栓 您可以使用以角度方式发送请求。 对于您的情况,您需要将方法指定为“POST”,并将其发送到处理数据库的Web服务API(url)。因为它是POST方法,所以不要忘记添加“数据”,以防您的Web服务需要来自此请求的变量 在changeToggle()函数

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

stud.html



{{list.Student_FirstName}

双头螺栓

您可以使用以角度方式发送请求。 对于您的情况,您需要将方法指定为“POST”,并将其发送到处理数据库的Web服务API(url)。因为它是POST方法,所以不要忘记添加“数据”,以防您的Web服务需要来自此请求的变量

在changeToggle()函数中,您还需要检查它是否被切换,然后对数据库执行某些操作,但如果它未被切换,则执行不同的操作,或者可能什么也不执行。这符合你的要求

更新

试试这个:

<ion-item *ngFor="let list of getStudentList">
                <ion-label>{{list.Student_FirstName}}</ion-label>
                <ion-toggle [(ngModel)]="list.Student_FirstName" (ionChange)="changeToggle(list)"></ion-toggle>
            </ion-item>
您应该看到列表对象,其中包含其ID


希望这有帮助。

您可以轻松地将当前项目传递到
ionChange
功能

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

我没有选择切换id,我在阅读列表id'中被击中s@MadhankumarBK我编辑了答案。请看它是否对您有帮助。谢谢,它可以工作,但每当我在{{list.Student_FirstName}位置更改切换值时,它都会显示切换布尔值(选中时为true,未选中时为false)。因为您使用[(ngModel)]=“list.Student_FirstName”如果ion toggle只返回true或false,那么您将看到您的变量列表。Student_FirstName只能是true或false。请建议如何将这些动态列表默认设置为true(或启用)。并将这些值(名称和切换值)存储在数组中。
changeToggle(list){
    console.log(list)
}
<ion-toggle 
  [(ngModel)]="list.Student_FirstName" 
  (ionChange)="changeToggle(list)">
</ion-toggle>
changeToggle(list){
    console.log(list.Id)
}