如何将单个复选框值与AngularJS Controller绑定

Question

我已经检查了如何用AngularJS绑定到复选框值列表的问题。但是这个问题解释了阵列列表和在角度控制器中处理它的最佳方法。

<input type='checkbox' name="filter" checked>

我们如何将值绑定到checkbox，使值在未选中时为模态0，在选中时为模态1？HTML和控制器里应该有什么？

$scope.filter = 0;

Answer 1

Angular提供了ng真值

<div ng-controller="ValidateCtrl">
    Check Value: <input type="checkbox" ng-true-value="1" ng-false-value="0" ng-model="checkBoxModel"/>
</div>

Controller
---------
function ValidateCtrl($scope) {
   $scope.checkBoxModel = '1';
};

因此，最初将选中复选框。

Answer 2

下面是一个基于AngularJS文档的修改示例

控制器

angular.module('checkboxExample', [])
.controller('ExampleController', ['$scope', function($scope) {
    $scope.checkboxModel = 0; //Set checkbox to unchecked
}]);

超文本标记语言

<input type="checkbox" ng-model="checkboxModel" ng-true-value="1" ng-false-value="0">

Answer 3

试试这个：

$scope.filter = 0;//or 1

HTML:

<input type="checkbox" ng-model="filter" ng-true-value="1" ng-false-value="0">