Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.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 当集合大小发生变化时,如何在Angular中实现分页_Angularjs_Angular Ui Bootstrap_Data Paging - Fatal编程技术网

Angularjs 当集合大小发生变化时,如何在Angular中实现分页

Angularjs 当集合大小发生变化时,如何在Angular中实现分页,angularjs,angular-ui-bootstrap,data-paging,Angularjs,Angular Ui Bootstrap,Data Paging,我试图对一个表使用角度UI分页,在这里我将在页面与数组相交的地方拼接数组。但是,我不清楚如何处理这样一个事实,即对象数组正在表本身中添加和删除 此外,我正在按ng repeat中对象的name属性对过滤器进行排序。我希望模型数组中的项目[0]与通过ng repeat在表中显示的第一个项目不相关…我可能错了 我只是想知道当ng repeat对列表进行排序时,如何实现分页,并且集合大小一直在变化 问候 I您可以尝试同时使用多个过滤器,例如: ng-repeat="item in items | my

我试图对一个表使用角度UI分页,在这里我将在页面与数组相交的地方拼接数组。但是,我不清楚如何处理这样一个事实,即对象数组正在表本身中添加和删除

此外,我正在按ng repeat中对象的name属性对过滤器进行排序。我希望模型数组中的项目[0]与通过ng repeat在表中显示的第一个项目不相关…我可能错了

我只是想知道当ng repeat对列表进行排序时,如何实现分页,并且集合大小一直在变化

问候


I

您可以尝试同时使用多个过滤器,例如:

ng-repeat="item in items | myFilter | limitTo:pageNumber*perPage | limitTo: -perPage"

这允许您在每次集合/模型更改时首先使用过滤器,然后根据“页码”显示最后的“每页”记录。

您可以尝试一次使用多个过滤器,例如:

ng-repeat="item in items | myFilter | limitTo:pageNumber*perPage | limitTo: -perPage"

这允许您在每次集合/模型更改时首先使用过滤器,然后根据“页码”显示最后的“每页”记录。

您可以尝试一次使用多个过滤器,例如:

ng-repeat="item in items | myFilter | limitTo:pageNumber*perPage | limitTo: -perPage"

这允许您在每次集合/模型更改时首先使用过滤器,然后根据“页码”显示最后的“每页”记录。

您可以尝试一次使用多个过滤器,例如:

ng-repeat="item in items | myFilter | limitTo:pageNumber*perPage | limitTo: -perPage"
这允许您在每次集合/型号更改时首先使用过滤器,然后根据“页码”显示最后一条“每页”记录。

请参见演示:

只需将watch设置为yourCollection.length

即:

请看演示:

只需将watch设置为yourCollection.length

即:

请看演示:

只需将watch设置为yourCollection.length

即:

请看演示:

只需将watch设置为yourCollection.length

即:



您好,我目前使用的唯一过滤器是orderBy。这种方法似乎比我见过的其他示例更简单,在这些示例中,表被绑定到一个过滤数组,并且您必须不断地拼接数组以与页面选择保持一致。当我的视图排序与集合中的自然顺序不同时,我担心的就是这种拼接。嗨,我目前使用的唯一过滤器是orderBy。这种方法似乎比我见过的其他示例更简单,在这些示例中,表被绑定到一个过滤数组,并且您必须不断地拼接数组以与页面选择保持一致。当我的视图排序与集合中的自然顺序不同时,我担心的就是这种拼接。嗨,我目前使用的唯一过滤器是orderBy。这种方法似乎比我见过的其他示例更简单,在这些示例中,表被绑定到一个过滤数组,并且您必须不断地拼接数组以与页面选择保持一致。当我的视图排序与集合中的自然顺序不同时,我担心的就是这种拼接。嗨,我目前使用的唯一过滤器是orderBy。这种方法似乎比我见过的其他示例更简单,在这些示例中,表被绑定到一个过滤数组,并且您必须不断地拼接数组以与页面选择保持一致。当我的视图排序与集合中的自然顺序不同时,我担心的就是这种拼接。嗨,谢谢…你必须做数组拼接吗?查看下面的Michaels响应,它似乎都是在ng repeat?user1754307中管理的。您可以直接在中继器中拼接阵列,也可以使用过滤器进行拼接,具体取决于您自己。如果您在过滤器中订购,我担心手工拼接原始数组不会考虑UI中的排序顺序。@user1754307请参见此处示例,并感谢您的排序。在plunker中,pagination指令中有一个对numPages的引用,但我看到的javascript中没有这个引用?嗨,谢谢…你必须做数组拼接吗?查看下面的Michaels响应,它似乎都是在ng repeat?user1754307中管理的。您可以直接在中继器中拼接阵列,也可以使用过滤器进行拼接,具体取决于您自己。如果您在过滤器中订购,我担心手工拼接原始数组不会考虑UI中的排序顺序。@user1754307请参见此处示例,并感谢您的排序。在plunker中,pagination指令中有一个对numPages的引用,但我看到的javascript中没有这个引用?嗨,谢谢…你必须做数组拼接吗?查看下面的Michaels响应,它似乎都是在ng repeat?user1754307中管理的。您可以直接在中继器中拼接阵列,也可以使用过滤器进行拼接,具体取决于您自己。如果您在过滤器中订购,我担心手工拼接原始数组不会考虑UI中的排序顺序。@user1754307请参见此处示例,并感谢您的排序。在plunker中,pagination指令中有一个对numPages的引用,但我看到的javascript中没有这个引用?嗨,谢谢…你必须做数组拼接吗?查看下面的Michaels响应,它似乎都是在ng repeat?user1754307中管理的。您可以直接在中继器中拼接阵列,也可以使用过滤器进行拼接,具体取决于您自己。如果您在过滤器中订购,我担心手工拼接原始数组不会考虑UI中的排序顺序。@user1754307请参见此处示例,并感谢您的排序。在plunker中,pagination指令中有一个对numPages的引用,但我看到的javascript中没有这个引用?