Значения FormControl для базы данных Angular 5

Мне интересно, как хранить значения FormControl в моей базе данных. Обычно я бы просто использовал ngModel, но здесь я использую реактивные формы.

Я знаю, как показать значения входов, используя это:

this.form.value || json

Но мне нужно сохранить каждый ввод в этом:

this.user["input1"] = ___
this.user["input2"] = ___
this.user["input3"] = ___

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


angular angular-reactive-forms
person Ayla    schedule 23.04.2018    source источник
comment
Пожалуйста, проверьте эту ссылку. sitepoint.com/use-json-data-fields-mysql-databases . Это может помочь вам.   -  person Muthusamy    schedule 23.04.2018

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте этот код:

form: FormGroup;
 constructor(){
      this.form= this.fb.group({
          'input1': new FormControl('', Validators.required),
          'input2': new FormControl('', Validators.required),
          'input3': new FormControl('', Validators.required)
       }
   }


this.form.controls['input1'].setValue(user.input1);
this.form.controls['input2'].setValue(user.input2);
this.form.controls['input3'].setValue(user.input3);

Прочтите это: https://angular.io/guide/reactive-forms

person OnnaB    schedule 23.04.2018
comment
У меня не сработало - возможно, размещение вашего кода отличается от моего. У меня вот так: this.bookingForm = this._formBuilder.group({ - person Ayla; 23.04.2018

arrow_upward
0
arrow_downward

Вы также можете использовать ngModel с реактивными формами.

Создайте группу форм с помощью formbuilder и добавьте formControlName к каждому элементу и свойству formgroup для формирования тега.

пример.

HTML-ФАЙЛ

<form [formGroup]="exampleForm">
 <label for="input1">input1</label>
 <input type="text" formControlName="input1 [(ngModel)]="input1" class="form-control" id="input1">
</form>

TS-файл

input1;
exampleForm = this.fb.group({
  input1: [this.input1, [Validators.required]]
})
constructor(private fb: FormBuilder) {}

и используйте этот input1 для установки вашего значения.

this.user['input1'] = this.input1
person faizan baig    schedule 23.04.2018