如何禁用 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

已加载在我的控制器中定义为 $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 删除 class disabled 并更改 $scope.disabled = false;

我给你举个例子，标签 <a></a> 这个用按钮简单。

并在按钮 ng-click 中首先进行测试 ng-click="disabled||usertaskctrl.removeTasksToArchive()"，然后再点击一些你的功能。

Answer 4

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

如何禁用 ANGULARJS 中的按钮

How to disable a button in ANGULARJS

button

angularjs

angularjs-ng-disabled