angularjs - 如何在没有 ng-repeat 的情况下在 Angularjs 中实现 "Load more"分页?

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

相关文章:

javascript - Angular JavaScript 中的异步调用

javascript - 我们可以在同一 div 中使用多个 Controller 吗

AngularJS 指令将自己的标签名称设置为定义的字符串

javascript - 访问 Controller 中 html 元素中的 ng-if 属性的值

angularjs - 带有复选框的 Angular 过滤器

javascript - 以给定格式打印数字

javascript - Angular 数据-前缀属性访问

javascript - 下划线,清除对象的所有值但保留键

javascript - 为什么 AngularJs 中的 ng-model 不选择值?

javascript - 重新渲染图形时如何保持当前缩放比例和平移级别