Angular中的Paginated幻灯片

Question

我有一系列项目，我想在不同类型的过滤器上进行过滤。因为我有超过2000个项目，我想在页面之间分页，所以我创建了一个startFrom指令并使用了angulars limitTo指令。这一切都很好，但这是我的问题：

该页面使用下一个/上一个箭头在页面之间进行补间。因此，单击下一个按钮应该在现有的div之后注入一个新div，然后补间到新页面。当补间完成时，我想要处理旧页面。我使用的是Angular 1.0.8，因此我无法使用ng-animate。实现这一目标的最佳方法是什么？

非常感谢提前！

修改 我试图将我的数据对象解析为一个新对象来创建幻灯片：

来自db的数据：

$scope.data = [{id: 1}, {id: 2} etc...]

操纵后：

$scope.slideData: [
  {
    [{id: 1}, {id: 2}, {id: 3}. {id: 4}],
    [{id: 5}, {id: 6}, {id: 7}. {id: 8}]
    etc...
  }
]

问题是这种方法很重，因为每次过滤器更改时都必须重建对象。