Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何手动进行角度分页_Angularjs_Sorting_Filter_Paging - Fatal编程技术网

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}}
为什么这个问题被否决?