Angular无限滚动+ deckgrid ng-只在新获取的数据上重复渲染卡
Angular infinite scroll + deckgrid ng-repeat render cards only on newly fetched data
我将deckgrid与自定义的无限滚动轮结合使用,在Angular中加载连续的照片流,这些照片以砖石布局的形式呈现。每次返回的数据集非常大,我注意到deckgrid调用数据集上的quick-ng-repeat来生成卡片。Deckgrid还在数据集上放置了watchCollection,因此当数据集发生变化时(当用户滚动到底部时,通过向数据集添加数据来触发),ng-repeat将重新呈现数据集中的所有内容(旧数据和新数据一样)。
不幸的是,考虑到数据集的大小和我的应用程序必须做的其他后期处理,重新渲染每张卡是非常昂贵的。我希望能够离开已经渲染的卡片,因为是,只渲染新卡与新获取的数据。换句话说,ng-repeat是否有办法在已经渲染的元素上解除绑定?
我们必须在deckgrid指令中添加track by $index。这只会呈现新的DOM元素。
https://docs.angularjs.org/api/ng/directive/ngRepeat相关文章:
- 使用jquery将mysql数据获取到新的表行中
- 使用createContainer将Meteor数据获取到React Native中时出现问题
- 创建按钮,根据表单字段中的数据获取特定的URL
- 将JSON API数据获取到html
- 将json数据获取到数组中
- 如何将具有多个标签的多个的所有数据获取到一个数组中
- 将状态的 URL 数据获取到模板中
- 如何在jquery中将xml解析数据获取为全局变量
- 在没有JQuery的情况下将JSON数据获取到TVML项目中
- Angular js如何将索引数据获取到另一个模板中
- 如何将PHP Post数据获取到jquery ajax请求中
- 使用javascript中.data()中存储的数据获取变量
- 无法将动态数据获取到 Jquery 饼图中
- 将节点.js neDB 数据获取到变量中
- 更新页面 JSON 数据获取下拉更改
- 将数据绑定到 kendo 下拉列表时,如何将 ajax 响应数据获取到变量
- 画布图像数据获取的值不超过 102,000 个
- 如何通过 JQuery JSON 数据获取 CheckBox(@Html.CheckBox) 的值
- 从html到jquery再到php,再从php到jquery到html,将数据传递到php文件并将数据获取到php文件中
- 如何将Jquery.get中的数据获取到Javascript中的一个变量中