首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在angular 11 reactive表单中,输入字段没有动态更新

在angular 11 reactive表单中,输入字段没有动态更新
EN

Stack Overflow用户
提问于 2021-09-03 05:42:25
回答 1查看 273关注 0票数 0

我正在做一个angular项目,想要动态更新我的反应式表单域,数据来自名为getNextCode()的应用程序接口。中调用API服务

代码语言:javascript
复制
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()接口设置的。但字段输入值未设置,disable调用不起作用。

EN

回答 1

Stack Overflow用户

发布于 2021-09-03 06:27:31

您试图更改的字段之所以没有更新,是因为它无法在反应式表单中找到您正在尝试更新的字段,因为您正尝试直接访问该字段。

将您的代码更改为:

代码语言:javascript
复制
this.f.code.setValue(this.nextCode);
this.f.code.disable();

至:

代码语言:javascript
复制
this.frmGroup.get('code').setValue(this.nextCode);
this.frmGroup.get('code').disable();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69040026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档