HTML 按钮(button)的 disable 属性和 disable property

简介: HTML 按钮(button)的 disable 属性和 disable property

SAP 电商云 Spartacus UI shipping method radio input 的运行时设计:

image.png在 div 里通过 ngFor 进行循环展开。

生成的原生 html 代码:image.pngimage.png关于 radio input 的测试页面:


https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_radio


在原生 HTML 开发里,我们可以通过给 input 添加 disabled property,来禁掉它。

image.png在 Angular 开发里,即使我们使用下面的代码,也不能工作:image.png应该使用 disabled attribute,而不是 disabled property.

根据这个 StackOverflow 的讨论,看下面的代码:image.png第一组 input 是 enabled 状态,因为 disabled 属性为 null. 如果该属性变为任何其他值,哪怕是字符串 “false”,也会被当成 true 对待,因此第二组会被 disabled.


指导方针:pass null to [attr.disabled] and any non-null value to disable it.


一些测试:

image.png尝试一下我 buddy Michal 提到的 property binding:image.pngimage.png最后的效果:两个都具有了 disabled 属性:image.png

相关文章
|
9月前
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
52 0
|
Windows
el-input在ie浏览器下readonly属性出现光标
el-input在ie浏览器下readonly属性出现光标
135 0
如何如何禁用div不能点击?div disabled不能点击 不能click div禁用无效
如何如何禁用div不能点击?div disabled不能点击 不能click div禁用无效
473 0
HTML 按钮(button)的 disable 属性和 disable property
HTML 按钮(button)的 disable 属性和 disable property
132 0
HTML 按钮(button)的 disable 属性和 disable property
|
JavaScript
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio
HTML5+CSS3 为 input 添加一键删除按钮
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82620115 ...
2344 0