输入字段未以 Angular 11 反应形式动态更新

Question

我正在处理一个 Angular 项目，并希望动态更新我的反应式表单字段，并且数据来自名为 getNextCode() 的 API。我在

中调用API服务

ngOnInit(): void {

this.NextCodeService.getNextCode().subscribe(
      (data: any) => {

        this.nextCode = data;
        this.f.code.setValue(this.nextCode);
        this.f.code.disable();

      }, (err: any) => this.handleErr(err)
    );
}

我正在使用form 控件来更新我的输入字段。当我打开表单时，字段被禁用，其值是从getNextCode() API 设置的。但未设置字段输入值，disable 调用不起作用。

Answer 1

您尝试更改的字段未更新的原因是它无法在响应式表单中找到您尝试更新的字段，因为您尝试直接访问该字段。

从此更改您的代码：

this.f.code.setValue(this.nextCode);
this.f.code.disable();

收件人：

this.frmGroup.get('code').setValue(this.nextCode);
this.frmGroup.get('code').disable();