Question

我正在使用Polymer和Angular JS开发一个项目现在代码没有组织，因为这只是一个教程但是我试图在屏幕上加载大量数据

为了做到这一点，我在li标签上使用了ng-repeat with filter，orderby和limitto

每当我到达滚动点

时，我希望增加limitto变量

在googling iron-scroll-threshold满足我的要求。但是，当我尝试实现它时，它没有按预期响应。

大小变量也放在$ scope.size中，我如何在聚合物中使用它？

为了准备演示我想要完成什么，我已经添加了一个按钮，点击它就可以了。

您可以在https://github.com/chrisgiffy/chrisgiffy.github.io

中找到我的代码

http://chrisgiffy.github.io

中的演示

有人可以帮帮我吗？

P.S。我是Angular和Polymer的一个菜鸟

Answer 1

我能解决这个问题的最简单方法是使用ngInfiniteScroll小部件

<div ng-app="flash" ng-controller="cardController" class="flex" fixed id="headerPannel" infinite-scroll="scroll()" infinite-scroll-distance="3">
....
</div>

$scope.scroll = function(){
    if($window.scrollTop()>=720){
      $scope.size = +$scope.size + 50;
    }
    else if($window.scrollTop()<=200) {
      $scope.size = 50;
    }
  };

在纸卷轴标题的滚动上自动加载数据

1 个答案: