Angular JS渲染列表包含有限元素

Question

我有一个包含大约30-40个元素的有限元素的列表，但在屏幕上平均显示的元素数量是4-7。我正在使用ng-repeat来呈现此列表。渲染每个元素非常昂贵我想渲染元素仅出现在视口中。

虚拟滚动对我来说不是解决方案，因为元素的高度可能不同，但我也没有无限元素。有没有办法做到这一点？

Answer 1

由于您没有添加一些代码，我会尝试想象您想要的内容。

在您的情况下，我会使用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);
    }
  };

正如您所看到的，这是一个包含有限数组或项目的示例，因此您可以轻松设置检查点。

现在我希望这能解决你的问题。否则请分享您的代码库。

干杯