Angularjs 如何手动进行角度分页
我搜索了很长时间,只找到了分页的第三方解决方案,我想要一个易于理解、易于实现的解决方案。我在上找到了解决方案,但我也根据自己的喜好对其进行了修改,它不像第三方解决方案那么完美,但我发现对于那些想自己实现分页的人来说,这很容易理解 此示例还包括筛选和排序Angularjs 如何手动进行角度分页,angularjs,sorting,filter,paging,Angularjs,Sorting,Filter,Paging,我搜索了很长时间,只找到了分页的第三方解决方案,我想要一个易于理解、易于实现的解决方案。我在上找到了解决方案,但我也根据自己的喜好对其进行了修改,它不像第三方解决方案那么完美,但我发现对于那些想自己实现分页的人来说,这很容易理解 此示例还包括筛选和排序 var-app=angular.module('myApp',[]); app.filter('pagination',函数(){ 返回功能(输入、启动){ 开始=+开始; 返回input.slice(开始); }; }); app.contr
var-app=angular.module('myApp',[]);
app.filter('pagination',函数(){
返回功能(输入、启动){
开始=+开始;
返回input.slice(开始);
};
});
app.controller('myCtrl',['$scope',函数(scope){
//初始化作用域变量
scope.pageSize=5;
scope.devices=[{“Id”:1,“DeviceName”:“Iphone 6”,“DeviceType”:“Mobile”,“Status”:“Available”},
{“Id”:2,“DeviceName”:“Hp Pavilion”,“DeviceType”:“平板电脑”,“状态”:“可用”},
{“Id”:3,“DeviceName”:“Mi注释4”,“DeviceType”:“Mobile”,“Status”:“Available”},
{“Id”:4,“DeviceName”:“Nexus Tablet 4”,“DeviceType”:“Tablet”,“Status”:“Available”},
{“Id”:5,“DeviceName”:“HTC T12”,“DeviceType”:“平板电脑”,“状态”:“可用”},
{“Id”:6,“DeviceName”:“HTC One”,“DeviceType”:“Mobile”,“Status”:“UnAvailable”},
{“Id”:7,“DeviceName”:“一加”,“DeviceType”:“移动”,“状态”:“不可用”},
{“Id”:8,“DeviceName”:“Dell Inspirion”,“DeviceType”:“Mobile”,“Status”:“UnAvailable”},
{“Id”:9,“DeviceName”:“Micromax画布”,“DeviceType”:“移动”,“状态”:“不可用”},
{“Id”:10,“DeviceName”:“redmi2”,“DeviceType”:“Mobile”,“Status”:“Available”},
{“Id”:11,“DeviceName”:“Gionee2”,“DeviceType”:“Mobile”,“Status”:“UnAvailable”}];;
scope.sortType='Username';
scope.sortReverse=false;
//寻呼
scope.curPage=0;
scope.numberOfPages=函数(){
if(scope.pageSize==null){
scope.pageSize=1;
}
返回Math.ceil(scope.devices.length/scope.pageSize);
};
scope.range=函数(n){
if(isNaN(n)){
n=0;
}
返回新数组(n);
};
scope.setCurrentPage=函数(n){
scope.curPage=n;
};
}]);代码>
没有添加任何数据。
每页项目数
设备名
设备类型
地位
{x.DeviceName}
{{x.DeviceType}
{{x.状态}
弗斯特
上
第{{curPage+1}}页,共{numberOfPages()}
下一个
最后
{{$index+1}}
为什么这个问题被否决?