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

前端之家收集整理的这篇文章主要介绍了如何在没有ng-repeat的情况下在Angularjs中实现“加载更多”的分页?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于ng-repeat会重新绘制模型更改等事件上的所有项目,因此在 angularjs中实现“加载更多”行为/分页的更好方法是什么?

解决方法

您究竟看到了什么让您想要避免使用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中,以确保它会改变(它会改变).

那你究竟要避免什么?

猜你在找的Angularjs相关文章