在表单控件Angular中更改数据

Question

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

stty raw -echo; fg

我有一种方法想要更改formControl stepperForm: FormGroup; constructor() { this.stepperForm = new FormGroup({ apps: new FormControl(''), params: new FormControl('', SpecifyDetailsStepComponent.isValidJsonValidatorFn()), }); 中的数据：

params

我在控制台中没有任何错误，但是数据完全没有改变。

编辑：

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

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',
});