angularjs - Membaca nilai toggle ionic secara dinamis dan mengirim ke database

Saya sedang menampilkan daftar nama dari database, saya memerlukan tombol toggle di semua daftar sesuai dengan id dan mengirimkannya ke database. Bagaimana saya dapat menambahkan tombol toggle di Ionic dan membaca nilainya secara dinamis berdasarkan id.

stud.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>

stud.ts

`

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

Jawaban #1

Anda dapat dengan mudah meneruskan item saat ini ke fungsi ionChange

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

Komponen

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

Jawaban #2

Anda dapat menggunakan $http untuk mengirim permintaan dengan cara Angular. Untuk kasus Anda, Anda perlu menentukan metode menjadi 'POST' dan mengirimkannya ke API Web-Service Anda (url) yang menangani basis data. Karena ini adalah metode POST, jangan lupa menambahkan 'data' jika Web-Service Anda membutuhkan variabel dari permintaan ini.

Dalam fungsi changeToggle() Anda, Anda juga perlu memeriksa apakah itu telah diaktifkan lalu Anda melakukan sesuatu dengan basis data Anda, tetapi jika itu dinonaktifkan maka Anda melakukan hal yang berbeda atau mungkin tidak melakukan apa-apa. Itu tergantung pada kebutuhan Anda.

PEMBARUAN

Coba ini:

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

dan dalam changeToggle() Anda mengambil 1 input, yaitu list.

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

Anda seharusnya melihat objek list, yang memiliki ID di dalamnya.

Semoga ini membantu.