我想在加載時選擇其中的一些複選框。我需要能夠選擇並取消選中頁面加載後的所有複選框。到目前爲止,我嘗試過:$ scope.itemSelected = [{「ItemID」:1,「ItemName」:「Item 1」}];如何選擇加載頁面上的複選框
div ng-repeat="item in itemItems">
<md-checkbox ng-checked="existsItem(item, itemSelected);" ng-click="toggleItem(item, itemSelected);" value="{{item.ItemID}}">
{{item.ItemName}}
</md-checkbox>
</div>
angular.module('MyApp', ['ngMaterial'])
.controller('AdminController', function ($scope) {
$scope.itemItems = [{ "ItemID": 1, "ItemName": "Item 1" }, { "ItemID": 2, "ItemName": "Item 2" },
{ "ItemID": 3, "ItemName": "Item 3" }, { "ItemID": 4, "ItemName": "Item 4" },
{ "ItemID": 5, "ItemName": "Item 5" }];
$scope.itemSelected = [];
$scope.toggleItem = function (item, list) {
var idx = list.indexOf(item);
if (idx > -1) {
list.splice(idx, 1);
}
else {
list.push(item);
}
};
$scope.existsItem = function (item, list) {
return list.indexOf(item) > -1;
};
})
您已經定義了一個目標,但不是一個具體的問題或問題涉及到你的代碼。請通讀[問]。您通常使用'ng-model'作爲複選框狀態。我們也不知道'itemSelected'是什麼,它沒有被定義在任何地方 – charlietfl
謝謝。我將itemSelected作爲參數傳遞給toggleItem – user6440175
最好不要使用帶有角度的javascript .... – MukulSharma