一尘不染

如何在ANGULARJS中禁用按钮

angularjs

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

如何禁用按钮?谢谢


阅读 280

收藏
2020-07-04

共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>
2020-07-04