如何在ANGULARJS中禁用按钮

Question

我有angularJS 1.5.0-rc.2

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

data-ng-disabled="Expression"

但它不会禁用按钮.

我尝试了什么:

<button data-ng-disabled="false">Select</button> // don't work
<button data-ng-disabled="loaded">Select</button> // don't work
<button data-ng-disabled="loaded != false">Select</button> // don't work

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

我没有指令地做到了。我是这样做的：

<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 中，先进行测试ng-click="disabled||usertaskctrl.removeTasksToArchive()"，然后再单击某些功能。