angularjs - 如何禁用 ANGULARJS 中的按钮

标签 angularjs button angularjs-ng-disabled

我有 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 在我的 Controller 中定义为 $scope.loaded = false。

如何禁用按钮?谢谢

最佳答案

仅当表达式为 时才会禁用该按钮真 .

<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>

关于angularjs - 如何禁用 ANGULARJS 中的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43676784/

相关文章:

swift - 按钮的背景没有条件渲染

javascript - AngularJS - 提交按钮未禁用(我是新手)

javascript - 使用angularjs更改按钮样式

javascript - AngularJS:将函数传递给指令

javascript - 使用 JavaScript 的逻辑运算符压缩 if/else if 语句

html - 单击按钮后如何保持焦点 css 样式(单击任意位置后样式消失)

asp.net - 禁用的按钮在 Firefox 和 Chrome 中看起来已启用

javascript - Angularjs - 如果任何值超过 ng-repeat 元素值,如何禁用提交按钮

javascript - ng-disabled 不使用 <i> 标签使用 font-awesome

javascript - AngularJS ng-grid - 动态更新列和结果