angularjs - 当 ng-checked 值为 False 时启用复选框?

标签 angularjs

我创建了一个复选框

<input type="checkbox" name="enableSchedule" ng-model="pr.closed" ng-checked="pr.closed">

现在,"ng-checked="pr.angled" 的条件默认评估为 false,因为 pr.lined 的值为 false。但我想要什么要做的就是当 pr.close 的值为 false 时启用该复选框,并在该值为 true 时禁用该复选框。

ng-model 也应该相应地更新,即如果启用了我的复选框,ng-model 的值应该是 true 否则 false

最佳答案

您可以使用否定运算符 ! 来否定 ng-checked。但由于建议不要将 ng-model 与 ng-checked 一起使用,因此您可以使用 ng-true-value="false"ng-false-value="true"来触发您的值基于 ng-model

值的复选框
<input type="checkbox" name="enableSchedule" ng-model="pr.closed"
           ng-true-value="false" ng-false-value="true">

angular.module("App",[])
.controller("ctrl",function($scope){

  $scope.pr = {closed:false };

});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body ng-app="App" ng-controller="ctrl">
<p>My checkbox:</p>
<input type="checkbox" name="enableSchedule" ng-model="pr.closed"
           ng-true-value="false" ng-false-value="true">
Value of ng-model is {{pr.closed}}
</body>

</html>

关于angularjs - 当 ng-checked 值为 False 时启用复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45136527/

相关文章:

angularjs - 在 $resource 的 header 中设置 token - Angularjs

android - 如何使用 Protractor 测试原生 Android 应用

javascript - 如何在angular.js中一键显示多个div

javascript - 数据未添加到 Jquery DataTables 中?

angularjs - 从组合框中获取选定的值

javascript - http post 后 View 中的 Angular ( ionic )更新表达式

angularjs - 在 Chrome 应用程序 (CCA) 中使用 Google OAuth 时遇到问题

javascript - AngularJS "accordion"使用 ng-click 加载和卸载 DOM 元素

node.js - 在 Node.js 中部署 angularjs 应用程序

javascript - Angular UI-Router - 直接在模板 url 上使用 "resolve"