Динамически прочитать значение ионного переключателя и отправить в базу данных

Question

Я отображаю список имен из базы данных, мне нужна кнопка-переключатель во всем списке с соответствующим идентификатором и запись их в базу данных.Как добавить кнопку-переключатель в ionic и динамически прочитать ее значение с идентификатором.

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>

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

Answer 1

Вы можете легко передать текущий элемент в функцию ionChange

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

Компонент

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

Answer 2

Вы можете использовать $ http для отправки запроса в угловом режиме.В вашем случае вам нужно указать метод, который будет «POST», и отправить его в ваш API веб-сервиса (url), который работает с базой данных.Поскольку это метод POST, не забудьте добавить «данные» на случай, если вашей веб-службе требуются переменные из этого запроса.

В вашей функции 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>

и в вашем changeToggle () вывзять 1 вход, который является списком .

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

Вы должны увидеть объект list , в котором есть его идентификатор.

Надеюсь, это поможет.