angularjs - 如何禁用 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()"，然后再单击某些功能。

Answer 3

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 4

始终在 Angular js 中使用带有 ng-disabled 的按钮标签，否则它将不起作用。