我在我的项目中使用angularjs v1.2.9.我使用dir-pagination在我的网络应用程序中显示项目列表.一些过滤器也用于动态地对列表进行排序.有没有办法让我在控制器中获取动态排序列表?我尝试了这里给出的解决方案.但他们似乎并没有使用dir-pagination.
<tr dir-paginate="person in contacts|filter:searchText|filter:groups|orderBy:['name','email'] | itemsPerPage : 10"
Run Code Online (Sandbox Code Playgroud) 我正在使用@michaelbromley的dir-pagination指令.我想获得当前指令页面上的所有记录.有没有办法做到这一点?
这是链接:dir-pagination,所以我需要records从100到96 的5的集合.有没有快速的方法来做到这一点?
我尝试了几件但没有工作.
我试图使用dirPagination但它不起作用.请参阅我的代码:http://plnkr.co/edit/18BxNhHRNyRoI17sBGQF?p = preview
我的代码:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
var myApp = angular.module('myApp', [])
.controller('PsCtrl', ['$scope', function ($scope) {
$scope.data = [
{a:1, b:1},
{a:2, b:2},
{a:3, b:3}
];
}]);
</script>
<script src="dirPagination.js"></script>
</head>
<body>
<div ng-controller="PsCtrl">
ItemCount: {{data.length}}
<ul>
<li dir-paginate="item in data | itemsPerPage: 2">{{ item }}</li>
</ul>
<dir-pagination-controls></dir-pagination-controls>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我只把它作为输出:
ItemCount: …Run Code Online (Sandbox Code Playgroud)