ng-disabled是否在div标签中工作?如果不是,为什么呢?

Bal*_*alu 8 html javascript angularjs

我尝试在div标签中使用ng-disabled,但它无效.ng-disabled是否适用于div标签?如果是的话怎么样?

<div ng-disabled="true">
 <button>bbb</button>
</div>
Run Code Online (Sandbox Code Playgroud)

Ste*_*ich 8

"ng-disabled"只是添加或删除元素上的"disabled"属性.但是在HTML中,div上的"禁用"根本没有效果.

所以在某种程度上"ng-disabled"正在运行,但在div上使用它是没有意义的.

您可以将"ng-disabled"添加到字段集,但会使嵌套在其中的输入元素显示为禁用.

另一种解决方法可能是使用css属性"opacity"和"pointer-events:none"来模拟禁用的效果,请参阅http://nerd.vasilis.nl/disable-html-elements-with-css-only/


Nit*_*eli 5

HTML中有许多元素具有有效的“ disabled”属性,DIV不是其中之一。

您可以在此处查看哪些元素具有该属性

这些元素接受“禁用”属性:

  • 纽扣
  • 输入
  • 选择
  • 文本区域
  • 选择组
  • 选项
  • 场集