javascript - 在 materializecss 中添加 'disabled' 类时 ng-click 不起作用

Question

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

在 Angular 中添加或删除类不会影响 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;
}