Angular - FormGroup 踩坑合辑之：addControl 和 setControl

Lorie要好好学习天天向上

于 2022-05-10 16:59:42 发布

阅读量1.2k

点赞数

分类专栏： js angular 文章标签： angular.js 前端 angular

本文链接：https://blog.csdn.net/sinat_35820101/article/details/124692004

版权

18 篇文章

订阅专栏

16 篇文章

订阅专栏

本文详细探讨了在Angular中使用FormGroup时，如何正确地添加和替换表单控件。通过实例解析了`addControl`和`setControl`方法的使用场景及其潜在的陷阱，帮助开发者避免在表单管理中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果想要替换掉已经存在的 control, 应该使用 setControl()。

const group = new FormGroup({
  groupName: new FormControl('CCB'),
});

const control = group.get('groupName');

addControl(name: string, control: AbstractControl): void

// groupName 这个 control 的名字已经存在了, 再去 addControl() 是不会被新的替换掉的
group.addControl('groupName', new FormControl('C1C')); // still CCB

setControl(name: string, control: AbstractControl): void

// 如果想要替换掉已经存在的 control, 应该使用 setControl()
group.setControl('groupName', new FormControl('C1C')); // will change into C1C