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

查看:33
本文介绍了如何禁用 ANGULARJS 中的按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有 angularJS 1.5.0-rc.2

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

data-ng-disabled="表达式"

但它不会禁用按钮.

我尝试了什么:

//不工作<button data-ng-disabled="loaded">选择</button>//不工作<button data-ng-disabled="loaded != false">选择</button>//不工作

Loaded 在我的控制器中定义为 $scope.loaded = false.

如何禁用按钮?谢谢

解决方案

仅当表达式为 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>

i have angularJS 1.5.0-rc.2

I found on the internet that i can use the directive

data-ng-disabled="Expression"

But it won't disable a button.

What i tried :

<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 is defined in my controller as $scope.loaded = false.

How can i disable a button ? Thanks

解决方案

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

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆