Angularjs 仅在当前页面中选中所有复选框
我是新来安格拉斯的。我已经用AngularJS创建了分页 我已经检查和取消检查了所有功能。当我单击“检查所有”时，应该只考虑当前页行复选框。但现在它选择全部Angularjs 仅在当前页面中选中所有复选框,angularjs,Angularjs,我是新来安格拉斯的。我已经用AngularJS创建了分页 我已经检查和取消检查了所有功能。当我单击“检查所有”时，应该只考虑当前页行复选框。但现在它选择全部 我不想要的页面行 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
我不想要的页面行
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://code.angularjs.org/1.4.8/angular.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.0.3.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myModule" ng-controller="myController">
<input type="text" class="form-control" placeholder="Filter..." ng-model="query">
<table>
<tr>
<th>
<input id="all" class="styled" type="checkbox" ng-model="allSelected" ng-model-options="{getterSetter: true}"/>
</th>
<th class="col-sm-2">First Name</th>
<th class="col-sm-2">Last Name</th>
<th class="col-sm-4">Email Id</th>
</tr>
<tr ng-repeat="item in filterData = (totalItems| filter : search) | limitTo:10:10*(page-1)">
<td><input id="member1" class="styled" type="checkbox" ng-model="item.Selected"></td>
<td class="col-sm-2 text-center">{{item.itemName}}</td>
<td class="col-sm-2 text-center">{{item.itemcity}}</td>
<td class="col-sm-4 text-center">{{item.quantity}}</td>
</tr>
</table>
<uib-pagination max-size="maxSize" boundary-links="true" class="pagination-sm pagination" total-items="filterData.length" ng-model="page"
ng-change="pageChanged()" previous-text="‹" next-text="›" items-per-page=10></uib-pagination>
</body>
<script>
// Code goes here
var myModule = angular.module('myModule', ["ui.bootstrap"]);
myModule.controller('myController', function($scope) {
$scope.page = 1;
$scope.totalItems = [ {itemName: "Tom", itemcity: "pune", quantity : "11"},
{itemName: "Tim", itemcity: "dhule", quantity : "21"},
{itemName: "Tum", itemcity: "chalis", quantity : "33"},
{itemName: "Tam", itemcity: "akola", quantity : "54"},
{itemName: "Tem", itemcity: "jamner", quantity : "67"},
{itemName: "Tiem", itemcity: "nashik", quantity : "87"},
{itemName: "Pum", itemcity: "mumbai", quantity : "98"},
{itemName: "Pum", itemcity: "mumbai", quantity : "82"},
{itemName: "Pum", itemcity: "mumbai", quantity : "79"},
{itemName: "Pum", itemcity: "mumbai", quantity : "100"},
{itemName: "Pum", itemcity: "mumbai", quantity : "51"}
];
$scope.displayItems = $scope.totalItems.slice(0, 10);
$scope.pageChanged = function() {
var startPos = ($scope.page - 1) * 10;
//$scope.displayItems = $scope.totalItems.slice(startPos, startPos + 3);
console.log($scope.page);
};
$scope.search = function (row) {
return !!((row.itemcity.indexOf($scope.query || '') !== - 1 || row.quantity.indexOf($scope.query || '') !== - 1));
};
var getAllSelected = function () {
var selectedItems = $scope.totalItems.filter(function (item) {
return item.Selected;
});
return selectedItems.length === $scope.totalItems.length;
}
var setAllSelected = function (value) {
angular.forEach($scope.totalItems, function (item) {
item.Selected = value;
});
}
$scope.allSelected = function (value) {
if (value !== undefined) {
return setAllSelected(value);
} else {
return getAllSelected();
}
}
});
</script>
</html>
名字
姓
电子邮件Id
{{item.itemName}
{{item.itemcity}
{{item.quantity}
//代码在这里
var myModule=angular.module（'myModule'，[“ui.bootstrap”]）；
myModule.controller（'myController'，函数（$scope）{
$scope.page=1；
$scope.totalItems=[{itemName:“Tom”，itemcity:“pune”，quantity:“11”}，
{项目名称：“Tim”，项目城市：“dhule”，数量：“21”}，
{itemName:“Tum”，itemcity:“chalis”，quantity:“33”}，
{项目名称：“Tam”，项目城市：“akola”，数量：“54”}，
{项目名称：“Tem”，项目城市：“jamner”，数量：“67”}，
{itemName:“Tiem”，itemcity:“nashik”，quantity:“87”}，
{项目名称：“Pum”，项目城市：“孟买”，数量：“98”}，
{项目名称：“Pum”，项目城市：“孟买”，数量：“82”}，
{项目名称：“Pum”，项目城市：“孟买”，数量：“79”}，
{项目名称：“Pum”，项目城市：“孟买”，数量：“100”}，
{项目名称：“Pum”，项目城市：“孟买”，数量：“51”}
];
$scope.displayItems=$scope.totalItems.slice（0,10）；
$scope.pageChanged=函数（）{
var startPos=（$scope.page-1）*10；
//$scope.displayItems=$scope.totalItems.slice（startPos，startPos+3）；
log（$scope.page）；
};
$scope.search=函数（行）{
return！！（（row.itemcity.indexOf（$scope.query |？“”）！=-1 | | row.quantity.indexOf（$scope.query |？“”）！=-1））；
};
var getAllSelected=函数（）{
var selectedItems=$scope.totalItems.filter（函数（项）{
退货项目，选中；
});
返回selectedItems.length==$scope.totalItems.length；
}
var setAllSelected=函数（值）{
angular.forEach（$scope.totalItems，函数（项）{
所选项目=值；
});
}
$scope.allSelected=函数（值）{
如果（值！==未定义）{
返回setAllSelected（值）；
}否则{
返回getAllSelected（）；
}
}
});