要将复选框的值从整数改为布尔值,可以使用AngularJS的ng-true-value和ng-false-value指令。这些指令允许您指定复选框选中和未选中时的值。
以下是一个示例代码:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<div ng-controller="myController">
<label>
<input type="checkbox" ng-model="isChecked" ng-true-value="true" ng-false-value="false">
{{isChecked}}
</label>
</div>
<script>
angular.module('myApp', [])
.controller('myController', ['$scope', function($scope) {
$scope.isChecked = false; // 默认未选中
}]);
</script>
</body>
</html>
在上面的示例中,ng-model指令用于绑定复选框的值到$scope.isChecked变量上。ng-true-value和ng-false-value指令分别指定了选中和未选中时的值为布尔值true和false。当复选框被选中时,$scope.isChecked的值将变为true;当复选框未选中时,$scope.isChecked的值将变为false。
同时,上面的例子中通过{{isChecked}}
将$scope.isChecked的值显示在了标签中,以便你在页面上观察到其变化。
请注意,为了使ng-true-value和ng-false-value指令起作用,您必须包含AngularJS库(在上面的示例中已经包含)并正确引用ng-app指令和ng-controller指令。