javascript - Angularjs - 复选框禁用和启用

标签 javascript angularjs

我正在寻找一种与这个取自 angularjs ng-disabled 文档的示例完全相反的方法... http://docs.angularjs.org/api/ng.directive:ngDisabled

在此示例中,选中该框会禁用该按钮。我需要恰恰相反,我需要复选框来启用禁用的按钮。有人可以帮我解释一下吗?

<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0/angular.min.js"></script>
</head>
<body>
Click me to toggle: <input type="checkbox" ng-model="checked"><br/>
<button ng-model="button" ng-disabled="checked">Button</button>
</body>
</html>

谢谢!

最佳答案

你可以这样做:

ng-disabled="!checked"

! 的意思是相反,所以 !true == false = true

Plunkr:http://plnkr.co/edit/ht0z3lTJi8EfPJEKWcWl?p=preview

关于javascript - Angularjs - 复选框禁用和启用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19963549/

相关文章:

Django、REST 和 Angular 路由

angularjs - 在 angularjs 中强制异步验证器

javascript - React 类如何在 promise 获取调用后返回 bool 值

JavaScript 异步回调

javascript - 获取div高度的最快方法

angularjs - 使用 Angularfire 列出来自 Firebase 的内容的更有效方法?

javascript - 带有 $http 请求的 AngularJS 指令(inprog 错误)

javascript - AngularJS ui 路由器 - 如何忽略某些路由?

javascript - 创建 JSON 对象的层次结构数组

javascript - 如何实现二维圆之间的斥力 (paperjs)