Как опубликовать несколько полей ввода на сервере как объект JSON в IONIC 3

Question

Я относительно новичок в разработке приложений IONIC. Теперь я столкнулся с проблемой, что мне нужно отправить несколько полей ввода, которые генерируются динамически из MySQL PHP. то есть у меня есть поле ввода, которое я могу обновить и отправить на сервер, который является моим требованием.

Теперь я могу получить данные с моего сервера и сгенерировать поле ввода. Но я не могу отправить (обновленный, если есть) обратно на сервер, нажав кнопку

   <ion-list>
  <ion-item no-margin="">
  <ion-grid>
    <strong><ion-row>
      <ion-col>Student code</ion-col>
      <ion-col>name</ion-col>
      <ion-col>phone</ion-col>
    </ion-row>
    </strong>
  </ion-grid>
  </ion-item>
  <ion-grid>
    <ion-row *ngFor="let student of students">
      <ion-col >{{student.student_code}}</ion-col>
      <ion-col>{{student.full_name}}</ion-col>
      <ion-col ion-item=""><ion-input  maxlength="10" required [(ngModel)]="student.phone"></ion-input></ion-col>
    </ion-row>
  </ion-grid>
</ion-list>

вот файл .ts

    loadStudents(division){
this.rest.loadStudents(division)
.subscribe(data=>{
this.students=data;

  },error1 => {
    console.log(error1);
  });

}

Answer 1

Обновленные данные вы получите в самом массиве this.students:

Просто сохраните данные по нажатию кнопки:

HTML:

<button (click)="UpdateStudents()"> Save Updated Data </button>

TS:

UpdateStudents(){
  this.rest.UpdateStudents(this.students)
  .subscribe(response=>{
       console.log(response);
  },error => {
       console.log(error);
 });
}