ngInfiniteScroll最初用结果填充容器元素

Question

我有一个包含150个元素的作用域，我使用ngInfiniteScroll让用户滚动浏览这些结果。但在我的项目中，我无法获得最初填充容器元素的指令。它显示了每当到达元素底部时我想要添加的结果的数量，因为没有滚动条，所以用户无法滚动到额外的内容。

http://plnkr.co/edit/B7CRjvdQ9paytwl5csKi?p=preview

$scope.loadMore = function() {

  for(var i=0;i<10;i++) {
    if($scope.movies.length) {
      var movie = $scope.movies.pop();
      $scope.pagedData.push(movie);
    }
  }
}

如果我将10更改为20，它将从20个示例开始。期望的结果是容器元素填充结果，直到垂直滚动条出现，然后它应该只在到达元素底部时添加结果。

Answer 1

您可以使用ag-grid AG-Grid的无限滚动功能。