HTML получить текстовое поле и флажок содержимое / значение

Question

У меня небольшая проблема с моим HTML, я не могу получить данные из HTML в TS.Я хотел бы сохранить весь документ и отправить его в мою БД.Я получил что-то вроде (HTML):

  <h3>Part 1 : General Information</h3>
  <ion-list>
    <ion-item>
      <ion-label>Date</ion-label>
      <ion-datetime displayFormat="MMM DD YYYY" [(ngModel)]="date"></ion-datetime>
    </ion-item>

    <ion-item>
      <ion-label stacked>First Name</ion-label>
      <ion-input type="text" aria-placeholder="First Name" placeholder="First Name"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>Last Name</ion-label>
      <ion-input type="text" aria-placeholder="Last Name" placeholder="Last Name"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>Birthdate</ion-label>
      <ion-datetime displayFormat="MMM DD YYYY" [(ngModel)]="birthdate"></ion-datetime>
    </ion-item>

Я получаю эти данные onSave и помещаю их в список вроде этого (TS):

public key: string = 'Save1';
public save: string[] = new Array();
public checkedValue = document.querySelector('.medical-form');
saveQuestionnaire(){
  for ( var _isave in this._symptoms ) {
      this.save.push(this.symptoms[_isave]);
      console.log("Number of symptom (27)");
  }
  console.log('TEST QUERY SELECTOR', this.checkedValue);
  console.log("this.save",this.save)
  this._storage.set(this.key,this.save);
  this.save = null;
}

Iне знаю, как я мог получить эту информацию.Должен ли я использовать $ scope?

Спасибо за ваше время и вашу помощь.

Answer 1

Вы должны использовать ngModel и переменную в области видимости файла .ts, например:

<ion-item>
      <ion-label stacked>First Name</ion-label>
      <ion-input type="text" aria-placeholder="First Name" placeholder="First Name" [(ngModel)]="firstName" name="firstName"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>Last Name</ion-label>
      <ion-input type="text" aria-placeholder="Last Name" placeholder="Last Name" [(ngModel)]="lastName" name="lastName">           </ion-input>
</ion-item>

И вы должны установить переменные в области видимости класса:

public firstName: string = "";
public lastName: string = "";
console.log(this.firstName);