由于 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 - 如何在没有 ng-repeat 的情况下在 Angularjs 中实现 "Load more"分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16968614/