更改表单控件中的数据 Angular

Question

我有一个 Angular v6 应用程序。这是我的 FormGroup

stepperForm: FormGroup;

constructor() {
  this.stepperForm = new FormGroup({
    apps: new FormControl(''),
    params: new FormControl('', SpecifyDetailsStepComponent.isValidJsonValidatorFn()),
  });
}

我有一个方法可以更改 formControl params:

中的数据

const stringData = JSON.stringify(jsonData);
this.stepperForm.setValue({
  apps: new FormControl(''),
  params: new FormControl(stringData, SpecifyDetailsStepComponent.isValidJsonValidatorFn()),
});

我在控制台中没有错误，但数据根本没有改变。

编辑：

我需要能够使用验证器。谢谢

Answer 1

你可以简单地做：

this.stepperForm.get('params').setValue(stringData);

然后对验证者立即生效。

this.stepperForm.get("params").updateValueAndValidity();

Answer 2

通过表单执行：this.stepperForm.get('FormControlName').setValue('WhateverData'); 通过 FormControl 执行：this.formControl.setValue('whateverData');

Answer 3

您可以使用以下一个值一次设置多个值

this.stepperForm.setValue({
    apps: 'newValue',
    params: 'newValue',
});