在Angularjs中禁用按钮上的ng-mouseover

Aka*_*Rao 10 html javascript angularjs

我想在mouseover禁用按钮时使用.在下面的代码mouseover将工作,ng-disabled="false"但如果,它将无法工作ng-disabled="true".

<body ng-app="ngAnimate">
  <button ng-disabled="true" ng-mouseover="show=true" ng-mouseleave="show = false">
    Mouseover
  </button>
  <div>
  Show:
    <span class="test" ng-show="show">
      I show up when your mouse enter on button
    </span>
  </div>

</body>
Run Code Online (Sandbox Code Playgroud)

dfs*_*fsq 11

这不可能.实际上它与Angular无关.当浏览器不应该在禁用的表单控件上触发onmouseover,onclick等事件时,这是预期的行为.所以你不能直接这样做.

不能直接做- 意思是,你可以将mouseover绑定到包装容器,这不会有这个限制.然后,您需要控制操作并仅在禁用标志是truefalse需要时继续.

话虽如此,您可能不应该尝试解决此问题.表单UX透视图禁用控件不应该是可交互的,毕竟这是禁用的含义.