如何在ANGULARJS中禁用按钮 [英] How to disable a button in ANGULARJS

问题描述

我有angularJS 1.5.0-rc.2

i have angularJS 1.5.0-rc.2

我在互联网上发现我可以使用指令

I found on the internet that i can use the directive

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.

Loaded is defined in my controller as $scope.loaded = false.

如何禁用按钮?谢谢

推荐答案

仅当表达式为 true 时，按钮才会被禁用.

The button will be disabled only if the expression is 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>

这篇关于如何在ANGULARJS中禁用按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！