materializecssで 'disabled'クラスを追加するとng-clickが機能しません

Question

私のプロジェクトではAngularJSとMaterializeCSSフレームワークを使用していますが、ボタンではグレー表示にするための '無効'クラスがあります。

クラスを追加または削除しても、ng-clickの機能には影響しません。 ng-clickのコールバックにロジックを手動で追加して、無効なボタンが機能しないようにする必要があります。

しかし、これはボタンに「無効」クラスを追加するだけでng-clickの作業が停止する新しい状況です。

私はここで

<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あるNG-クラスを経由して '無効' クラスを追加しています。 https://plnkr.co/edit/ZP7CIkEW1lLFjHx3xTGV?p=preview

皆さん、私はそれを動作させる方法についての解決策や解決策を探していません。私は説明を探しています。なぜそれが起こっているのですか？ 感謝:)

Answer 1

materializecssはそれを動作させるために.btn.disabled {pointer-events: none;}

を持っているので、追加：

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