Javascript 如何使用AngularJS控制器绑定单个复选框值

我已经核对了这个问题。但这个问题解释了数组列表以及在Angular controller中处理它的最佳方法

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

试试这个：

$scope.filter = 0;//or 1

HTML:

---

下面是一个基于

控制器

HTML

---

Angular提供了ng真值和ng假值指令，以满足您的需求。通过它，您可以将真/假值与复选框关联，模型也将使用相同的值

你可以试试下面的代码

---

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

我的答案副本很好。很抱歉，我没有看到它。。。我正在写我的答案

$scope.filter = 0;//or 1

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

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">

<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';
};