代码之家 › 专栏 › 技术社区 › Melchia

更改窗体控件角度中的数据

angular-forms angular6 typescript angular javascript

2

Melchia · 技术社区 · 7 年前

我有一个角度V6应用程序。这是我的表格组

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

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

编辑:

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

3 回复 | 直到 7 年前

1

4

Amit Chigadani 7 年前

你可以简单地做:

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

然后对验证器立即生效。

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

2

Taranjit Kang 7 年前

通过表格: this.stepperForm.get('FormControlName').setValue('WhateverData'); 通过窗体控件执行: this.formControl.setValue('whateverData');

3

1

Sivakumar Tadisetti zeah 7 年前

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

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