Question

我想知道如何将FormControl值存储到我的数据库中。通常我会使用ngModel，但我在这里使用反应形式。

我知道如何使用以下方法显示输入值：

this.form.value || json

但我需要将每个输入存储在此：

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

帮助表示赞赏。感谢

Answer 1

试试这段代码：

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

Answer 2

您也可以将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

FormControl值到数据库Angular 5

2 个答案: