我的 Plunkr:http://plnkr.co/edit/4MkenJPczFbxy5aoillL?p=preview
<body ng-controller="mainCtrl as main">
<h1>Hello Plunker!</h1>
<p>Button should not be disabled:</p>
<div ng-init="main.btnDisabled = false">
<button ng-model="main.my_button"
ng-class="{ 'btn-success' : !tc.switching, 'btn-disabled' : tc.switching }"
disabled="main.btnDisabled"
type="button"
class="btn btn-info btn-sm switch-btn">My Button</button>
</div>
Angular
angular.module('app').controller('mainCtrl', function($scope) {
vm = this;
vm.btnDisabled = false;
});
我找到了 this answer here ,但它在我的示例中不起作用。
最佳答案
该按钮被禁用,因为有 disabled
属性。这足以让浏览器知道该元素必须处于非事件状态。 disabled attribute
的值无关紧要,它可以是任何值。
这正是 Angular 提供 ngDisabled
的原因指令,当表达式计算为 true
时添加 disabled
属性,当它为 false
时删除。
在你的情况下你应该使用
<button ng-model="main.my_button"
ng-class="{ 'btn-success' : !tc.switching, 'btn-disabled' : tc.switching }"
ng-disabled="main.btnDisabled"
type="button"
class="btn btn-info btn-sm switch-btn">My Button</button>
关于javascript - 为什么 ng-disabled 在按钮上不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29176192/