如何在没有ng-repeat的情况下在Angularjs中实现"加载更多"的分页？

Question

由于ng-repeat会重新绘制模型更改等事件上的所有项目,因此在angularjs中实现"加载更多"行为/分页的更好方法是什么？

Answer 1

你究竟看到了什么让你想要避免ngRepeat？我已经起草了一个简单的例子来说明重绘的内容和不重绘的内容:

示例1:http://jsfiddle.net/langdonx/uf2C9/

如果您检查控制台,您会看到当您单击添加按钮将另一个项目添加到模型时,只会渲染新添加的项目.

示例2:http://jsfiddle.net/langdonx/uf2C9/2/

操作模型中的每个项目,仍然不会重绘整个项目ngRepeat,它只是更新它需要的内容.

示例3:http://jsfiddle.net/langdonx/uf2C9/1/

为了帮助说明示例2是合理的,我添加{{item.name}}到图像的src只是为了确保它会改变(它做了).

那你究竟要避免什么？