带有有限元素的Angular JS渲染列表
带有有限元素的Angular JS渲染列表
提问于 2016-10-24 23:08:41
我有一个有限元素列表，大约30-40个元素，但在屏幕上平均呈现的元素数量是4-7个。我正在使用ng-repeat来呈现这个列表。渲染每个元素是非常昂贵的，我想渲染元素只出现在视口中。
虚拟滚动对我来说不是一个解决方案，因为元素的高度可以不同，但我也没有无限的元素。有没有办法做到这一点？
回答 1
Stack Overflow用户
发布于 2016-10-24 23:19:45
因为你还没有添加代码，所以我会试着想象你想要什么。
在你的情况下，我会使用像ngInfiniteScroll这样的东西。
正如您在演示链接中所看到的：https://sroze.github.io/ngInfiniteScroll/demo_basic.html
$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];
$scope.loadMore = function() {
var last = $scope.images[$scope.images.length - 1];
for(var i = 1; i <= 8; i++) {
$scope.images.push(last + i);
}
};正如您所看到的，这是一个包含有限数组或项的示例，因此您可以轻松地设置检查点。
现在我希望这能解决你的问题。否则，请分享您的代码库。
干杯
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40221725
复制相关文章
相似问题
腾讯云开发者
