angularjs - 包装 ng-repeat

Question

我想编写一个 paginated 指令，它的工作方式与 ng-repeat 类似，但首先对迭代集合进行预处理(用于分页)。我以为我可以做类似的事情:

<tr paginated="item for item in list" page="3" per-page="10">
     <td>[[item.foo]]</td>
     <td>[[item.bar]]</td>
</tr>

我想通过以某种方式重用 ng-repeat 来实现这一点，但我对它进行的几次模糊尝试都没有奏效。我怎么能那样做？

这是我想出的最好的(注意它甚至不完全一样):

app.directive('paginated', function() {
    return {
        replace: true,
        transclude: true,
        scope: {
            data: '=',
            perPage: '@',

        },
        template:
            '<div ng-repeat="item for item in l"><div ng-transclude></div>',

        link: function(scope, elem, attrs, ngRepeat) {
            scope.l = data;
            // do stuff with scope.l
        },
    }
});

Answer 1

您可以使用过滤器进行分页，这是另一个 stackoverflow 问题，您可以在其中查看它是如何实现的:Pagination on a list using ng-repeat