Programmiererforum

{{$index + 1}}


Select all

var app = angular.module("Test", []);
app.controller("TestController", [
"$scope",
"$http",
function($scope, $http) {
$scope.list = [false, false, false, false, false];

$scope.itemChecked = function(i) {
console.log(i);
};

$scope.toggleSelection = function() {
for (var i in $scope.list) {
$scope.list[i] = true;
}
};
}
]);

Hier ist mein Code unten. Die Änderung einzelner Kontrollkästchen wird nicht ausgelöst, wenn sie durch Klicken auf die Schaltfläche [b]Alle auswählen[/b] geändert werden. Sie wird jedoch ausgelöst, wenn sie einzeln ausgewählt werden. Ich benötige, dass die itemChecked-Methode ausgelöst wird, wenn auf die Schaltfläche [b]Alle auswählen[/b] geklickt wird.

Hier ist ein Codepen-Link dafür

HTML

[code]



{{$index + 1}}


Select all


[/code]

JavaScript

[code]var app = angular.module("Test", []);
app.controller("TestController", [
"$scope",
"$http",
function($scope, $http) {
$scope.list = [false, false, false, false, false];

$scope.itemChecked = function(i) {
console.log(i);
};

$scope.toggleSelection = function() {
for (var i in $scope.list) {
$scope.list[i] = true;
}
};
}
]);
[/code]

Bitte lassen Sie mich wissen, was ich ändern muss oder was ich falsch mache, um das Problem zu beheben.