这是我的小提琴：http : //jsfiddle.net/VSph2/280/
我正在尝试取消选中acheckbox并使用链接重置作用域变量的值，但是，它似乎不起作用。有人可以帮忙吗？
Javascript：
var app = angular.module('myApp', []);
app.controller('IndexCtrl', ['$scope', function($scope) {
$scope.colors = [
{id: 1, name: "Blue"},
{id: 2, name: "Green"},
{id: 3, name: "Red"}
];
$scope.color_ids = [];
$scope.clearAll = function() {
angular.forEach($scope.color_ids, function(color_id) {
color_id.checked = false; //nothing works!!
color_id.selected = false; //
});
$scope.color_ids = [];
$scope.color_ids.selected = false; //doesn't work either
};
}]);
HTML：
<div ng-controller="IndexCtrl">{{1+1}}
<h2>Products</h2>
<div class="filters col-two">
<a ng-click="clearAll()">Clear all filters</a>
<h3>Color</h3>
<div ng-repeat="color in colors">
{{ color.name }} <input type="checkbox" ng-model="color_ids">
</div>
</div>
</div>
您永远不会在color_id数组中添加任何内容，因此foreach不会对任何内容进行迭代。
我更新了您的代码，使其仅使用主颜色数组并在其selected上添加了一个属性：
http://jsfiddle.net/VSph2/283/
的HTML：
{{ color.name }} <input type="checkbox" ng-model="color.selected">
javascript：
angular.forEach($scope.colors, function(color_id) {
color_id.selected = false;
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句