在materializecss中添加“禁用”类时，ng-click不起作用

Question

我在我的项目中使用 AngularJS 和 MaterializeCSS 框架，对于按钮，它有一个“禁用”类来显示它们是灰色的。

在角度中添加或删除一个类不会影响 ng-click 的功能。 我们必须在 ng-click 的回调中手动添加逻辑，以防止任何禁用的按钮工作。

但这是我面临的一个新场景，只需向按钮添加一个“禁用”类就会停止 ng-click 的工作。

我正在通过 ng-class 添加“禁用”类

<button class="btn waves-effect waves-light" ng-class="{'disabled' : vm.disabled}" 
ng-click="vm.counter=vm.counter+1">Counter++</button>
<span>Times Clicked: {{vm.counter}}</span>
<input type="checkbox" id="test5" ng-model="vm.disabled" />

这是用于演示的 plunker。 https://plnkr.co/edit/ZP7CIkEW1lLFjHx3xTGV?p=preview

伙计们，我不是在寻找解决方案或解决如何使其工作的问题。我正在寻找解释。为什么会这样？ 谢谢 :)

Answer 1

因为materializecss有.btn.disabled {pointer-events: none;}

要使其工作，请添加：

.btn.disabled {
    pointer-events: auto;
}