Angularjs 有角度的分页幻灯片

Angularjs 有角度的分页幻灯片,angularjs,angularjs-directive,angularjs-ng-repeat,angularjs-animation,Angularjs,Angularjs Directive,Angularjs Ng Repeat,Angularjs Animation,我有一个项目数组,我想在不同类型的过滤器上进行过滤。因为我有2000多个项目要在页面之间分页,所以我创建了一个startFrom指令并使用angulars Limito指令。这一切都很好,但我的问题是: 页面使用下一个/上一个箭头在页面之间切换。因此,单击next按钮应该在现有div之后插入一个新div,然后插入到新页面。当tween完成时,我想处理旧页面。我使用的是Angular 1.0.8,因此无法使用ng动画。实现这一目标的最佳方法是什么 非常感谢 编辑: 我尝试将我的数据对象解析为新对象

我有一个项目数组,我想在不同类型的过滤器上进行过滤。因为我有2000多个项目要在页面之间分页,所以我创建了一个startFrom指令并使用angulars Limito指令。这一切都很好,但我的问题是:

页面使用下一个/上一个箭头在页面之间切换。因此,单击next按钮应该在现有div之后插入一个新div,然后插入到新页面。当tween完成时,我想处理旧页面。我使用的是Angular 1.0.8,因此无法使用ng动画。实现这一目标的最佳方法是什么

非常感谢

编辑: 我尝试将我的数据对象解析为新对象以创建幻灯片:

数据库中的数据:

$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...
  }
]
操作后:

$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...
  }
]

问题是这太重了,因为每次过滤器更改时都必须重新生成对象。

您看过“角度网格”吗?它可能对你有用是的,我正在看。我担心的是书页之间的空隙。使用ng grid是否可以实现这一点?找不到任何参考资料。我认为ng grid不会帮我解决这个问题。当使用表格数据时,这是一个很好的模块,但我必须制作的幻灯片是这样的:我曾尝试为ng grid定制模板,但我不希望每个变量都有不同的单元格。我只想用{{title}}-{{category}}作为例子。你看过angular ui引导旋转木马吗?这就是你需要的。。如果你感兴趣,你期待所有的插件都是非常有用的。