Question

我有angularJS 1.5.0-rc.2

我在网上发现我可以使用指令

.page-content .section-left{
    float:left;
    max-width:640px;
}

.page-content .section-right{
    float:right;
    max-width:260px;
}

.run{
    background: url("../images/base.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}

但它不会禁用按钮。

我尝试了什么：

data-ng-disabled="Expression"

Loaded在我的控制器中定义为$ scope.loaded = false。

如何禁用按钮？感谢

Answer 1

仅当表达式为 true 时，才会禁用该按钮。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-init="disableBtn=true">
  <button ng-disabled="disableBtn">test</button>
</div>

Answer 2

Try this 
1 This is direct method of implementation
<script>src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <button ng-disabled=true>test</button>
</div>

2 another way you can change the value for 



<div ng-app>
  <button ng-disabled=dsblBtn>test</button>
</div>

in controller inside init function 

$scope.dsblBtn = true;

Answer 3

我毫无瑕疵地做到了。我这样做了：

<a href="" id="trash" class="cntrbtn remove pull-left disabled" ng-click="disabled||usertaskctrl.removeTasksToArchive()" ng-disabled="disabled">remove</a>

首先在控制器中制作

$scope.disabled = true;

比if / else删除类disabled并更改$scope.disabled = false;

我举例说明了标签<a></a>这项工作的简单按钮。

然后在按钮中点击第一个进行测试ng-click="disabled||usertaskctrl.removeTasksToArchive()"，然后点击你运行的一些。

Answer 4

请始终在angular js中使用ng-disabled的button标记，否则它将不起作用。

如何在ANGULARJS中禁用按钮

4 个答案: