加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 17:48:28 所属栏目:安全 来源:网络整理
导读:由于ng-repeat会重新绘制模型更改等事件上的所有项目,因此在 angularjs中实现“加载更多”行为/分页的更好方法是什么? 解决方法 您究竟看到了什么让您想要避免使用ngRepeat?我已经起草了一个简单的例子来说明重绘的内容和不重绘的内容: 例1:http://jsfid
由于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中,以确保它会改变(它会改变).

那你究竟要避免什么?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读