Как получить значения формы в ионной структуре - PullRequest
Новая
       1

Как получить значения формы в ионной структуре

0 голосов
/ 17 декабря 2018

Мой HTML выглядит так: 

<form [formGroup]="form" novalidate class="ng-pristine ng-valid ng-touched">
   <div id="pr1">
   </div>

   <div id="pr2">
   </div>

   <div class="bottom">
      <button class="btn info" ion-button (click)='factfind5();'> BACK </button>
      <button class="btn info" (click)='factfind71(this);' ion-button > NEXT </button>
   </div>
</form>


Файл машинописи выглядит так: 

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
import { FactFind5Page } from '../factfind5/factfind5';
import { FactFind71Page } from '../factfind71/factfind71';

@IonicPage()
@Component({
  selector: 'page-factfind61',
  templateUrl: 'factfind61.html',
})
export class FactFind61Page {

form : FormGroup;
div1content : any;
div2content : any;

constructor(public navCtrl: NavController, public navParams: NavParams, public formBuilder: FormBuilder) {
}
factfind5(){
   this.navCtrl.setRoot(FactFind5Page);
}

factfind71(values){
  this.storeValuesToLocalStorage(values);
  this.navCtrl.setRoot(FactFind71Page);
}
storeValuesToLocalStorage(values){
   let array = {
     "AnnualIncomeNeeded":values.form.value.AnnualIncomeNeeded,
     "medicalneededamnt":values.form.value.medicalneededamnt
   }
  window.localStorage.setItem('CFF6Values', JSON.stringify(array));
}

this.div1content = "<ion-row class='row'><ion-col class='col'><ion-item class='item item-block item-md item-input item-label-stacked ng-untouched ng-pristine ng-invalid'><div class='item-inner'><div class='input-wrapper'><ion-input class='input-text input input-md ng-untouched ng-pristine ng-invalid' formcontrolname='AnnualIncomeNeeded' [(ngModel)]='AnnualIncomeNeeded' name='AnnualIncomeNeeded' type='text' (keypress)='AllowOnlyNumber($event)' ng-reflect-name='AnnualIncomeNeeded' ng-reflect-type='text'><input class='text-input text-input-md' dir='auto' ng-reflect-klass='text-input' ng-reflect-ng-class='text-input-md' type='text' aria-labelledby='lbl-79' autocomplete='off' autocorrect='off' placeholder='' formcontrolname='AnnualIncomeNeeded' ng-reflect-name='AnnualIncomeNeeded' ng-reflect-type='text'></ion-input></div></div>";

this.div2content = "<ion-row class='row'><ion-label class='potentialarealbl label label-md'>Medical / Healthcare Planning</ion-label></ion-row><ion-row class='row'><ion-col class='col'><ion-item class='item item-block item-md item-input item-label-stacked ng-untouched ng-pristine ng-invalid'><div class='item-inner'><div class='input-wrapper'><ion-label class='input-label wraptext label label-md' stacked='' id='lbl-60'>Amount needed for treatment of Medical/ Hospitalisation (RM)</ion-label><ion-input class='input-text input input-md ng-untouched ng-pristine ng-invalid' formcontrolname='medicalneededamnt' [(ngModel)]='medicalneededamnt' name='medicalneededamnt' (keypress)='AllowOnlyNumber($event)' type='text' ng-reflect-name='medicalneededamnt' ng-reflect-type='text'><input class='text-input text-input-md' dir='auto' ng-reflect-klass='text-input' ng-reflect-ng-class='text-input-md' type='text' aria-labelledby='lbl-60' autocomplete='off' autocorrect='off' placeholder='' formcontrolname='medicalneededamnt' ng-reflect-name='medicalneededamnt' ng-reflect-type='text'></ion-input></div></div><div class='button-effect'></div></ion-item></ion-col>";

   $('#pr1').append(this.div1content);
   $('#pr2').append(this.div2content);
  }

}


Я добавляю содержимое HTMLв файле TS.Мне нужно получить значения поля ввода, нажимая кнопку NEXT.Метод storeValuesToLocalStorage() пытается получить доступ к входным значениям ngModel, но не может.Есть ли ошибки в моем коде при назначении и получении значений?Вы можете помочь?

...