dirpagination不会返回所有行

时间:2016-10-26 05:07:35

标签: javascript html angularjs angularjs-ng-repeat dirpagination

我有3个div来创建表格,您可以从以下链接中看到: - https://github.com/anirbanmishra/congress.php/blob/master/web_test

然后我的javascript文件如下: - https://github.com/anirbanmishra/congress.php/blob/master/javascript

在javascript中,我根据一些逻辑设置了3个$ scope变量。 3个范围变量是$ scope.users,它有538行,$ scope.house有438行,$ scope.senate有100行。

然后我使用这些变量使用dirpaginate填充表格。但问题是所有3个div只产生100行。如果我注释掉任何两个div,那么它会给出正确的行数。但是所有的div一起只提供了100行而不是538,438和100行。

我对此很新,任何帮助都非常感谢。

1 个答案:

答案 0 :(得分:0)

所有这些都是默认的分页ID,因为我没有给出任何分页ID。为每个div创建了pagination-id,然后在每个表下面放置了相应的pagination-id属性。这解决了这个问题。

我的代码中的更改: -

<tr dir-paginate="senate in senate|orderBy:['fullname']|filter:search|itemsPerPage:10" pagination-id="bySenate">


<div id="controls" class="controls" align="center"> <dir-pagination-controls pagination-id="bySenate" max-size="5" direction-links="true" boundary-links="true" > </dir-pagination-controls> </div>