Angularjs - 复选框禁用和启用

时间:2013-11-13 20:22:13

标签: 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>

谢谢!

1 个答案:

答案 0 :(得分:11)

你可以这样做:

ng-disabled="!checked"

!意味着相反,所以!true == false = true

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