如何禁用 ANGULARJS 中的按钮答案

【问题标题】：How to disable a button in ANGULARJS如何禁用 ANGULARJS 中的按钮
【发布时间】：2020-09-09 20:20:34
【问题描述】：

我有 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。

如何禁用按钮？谢谢

【问题讨论】：

@Jenny 他们是一样的。

标签： angularjs button angularjs-ng-disabled

【解决方案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>

【讨论】：

谢谢我要起床了！
这不是好的做法。在 html 中进行此操作。对或错。我们必须在控制器中实现它。
@VolodymyrKozlov 不，你可以参考我提供的例子，使用 ng-init 定义一个值，这样就不需要在控制器中定义了。

【解决方案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 中首先进行 Test ng-click="disabled||usertaskctrl.removeTasksToArchive()"，然后再单击某些功能。

【讨论】：

【解决方案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;

【讨论】：

【解决方案4】：

始终在 Angular js 中使用带有 ng-disabled 的按钮标签，否则将无法正常工作。

【讨论】：