Javascript AngularJS-将范围数据划分为页面

Javascript AngularJS-将范围数据划分为页面,javascript,c#,html,angularjs,asp.net-mvc,Javascript,C#,Html,Angularjs,Asp.net Mvc,我使用的是angularjs,我有一个包含列表的范围($scope=workspace)。我要做的是在每个页面中显示5个元素 此外,在页面底部,我想创建一个栏,它将帮助我用下一个5行渲染到下一页 var SearchResultController=function($scope、$http、$location、$window){ $scope.testVal; $scope.GetWorkSpace=函数(){ var jsonObj={}; jsonObj[“searchText”]=$sc

我使用的是angularjs,我有一个包含列表的范围($scope=workspace)。我要做的是在每个页面中显示5个元素

此外,在页面底部,我想创建一个栏,它将帮助我用下一个5行渲染到下一页

var SearchResultController=function($scope、$http、$location、$window){
$scope.testVal;
$scope.GetWorkSpace=函数(){
var jsonObj={};
jsonObj[“searchText”]=$scope.testVal;
变量配置={
参数:jsonObj,
标题:{'Accept':'application/json'}
};
$http.get(“api/SearchResult/Search”,config).then(函数(响应){
if(response.data!=null){
$scope.workspace=response.data;
}
其他的
警报(“未找到”)
})
}
$scope.GetWorkSpace();
}
SearchResultController.$inject=['$scope'、'$http'、'$location'、'$window'];

吲哚

有一个名为ngpaginator的软件包,它非常容易使用(但很难看,可能需要css或类似引导的东西来创建主题)

安装:
npm i——保存ng分页器

软件包网站:

还有一个很好的例子,使用javascript中的逻辑在该web中分页:


干杯

我建议使用一个组件库,比如包含分页指令的UI Bootstrap()。