Question

我已查看问题How to bind to list of checkbox values with AngularJS。但是这个问题解释了数组列表以及在Angular控制器中处理它的最佳方法。

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

我们如何将值绑定到复选框，以便在取消选中时将值设置为模态0，并在选中时将值设置为1？什么应该在HTML和控制器？

$scope.filter = 0;

Answer 1

试试这个：

$scope.filter = 0;//or 1

<强> HTML：

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

Answer 2

以下是基于AngularJS documentation

的修改示例

<强>控制器

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

<强> HTML

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

Answer 3

Angular提供了ng-true-value＆amp; ng-false-value指令满足您的要求。通过它，您可以将真/假值与复选框相关联，同样也可以按模型使用。

您可以尝试以下代码

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

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

如何使用AngularJS控制器

3 个答案:

您可以尝试以下代码