我的博客原文:解决angualr13 form表单设置disabled不起作用问题
问题
我们在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!
今天就介绍到这里啦! 欢迎在评论区交流。
如果文章对你有所帮助,❤️关注+点赞❤️鼓励一下!博主会持续更新。。。。
往期回顾
vue3.x使用prerender-spa-plugin预渲染达到SEO优化
vue3.x使用prerender-spa-plugin预渲染达到SEO优化
vue3中使用prismjs或者highlight.js实现代码高亮
什么是 XSS 攻击?什么是 CSRF?什么是点击劫持?如何防御