​

问题

我们在angular项目中form中disabled 属性和 formControlName 结合使用时，会发现disabled 属性不会起作用，代码如下

效果却是 

这是为什么呢？

原因

formControlName 是 Angular 中的一个指令，用于绑定表单控件，并自动处理表单控件的状态和值。当使用 formControlName 绑定一个表单控件时，它将负责控制该控件的禁用状态。

如何禁用

我们可以通过 formControlName 绑定的表单控件，可以使用 disable() 方法来实现禁用：

 this.config.get('name').disable()

使用 enable() 方法来实现解除禁用： 

// 解除禁用
this.config.get('name').enable()

通过 config.get(‘name’) 来获取通过 formControlName 绑定的表单控件，并使用 enable() 和 disable() 方法来切换其禁用状态。成功解决！YYDS！

今天就介绍到这里啦！ 欢迎在评论区交流。

如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。 ​