Question

我正在尝试为我的angularjs应用程序实现无限滚动。熟悉ngInfiniteScroll

的用法

我使用demos

中给出的相同示例

页。这对我不起作用，

profile.ejs ：

    <script  src='../controllers/jquery.min.js'></script>
    <script  src='../controllers/angular.min.js'></script>
    <script  src='../controllers/ng-infinite-scroll.min.js'></script>

    <!-- some other code -->

        <ul infinite-scroll='loadMore()' infinite-scroll-distance='1' >
           <div ng-repeat="item in images">Item number {{$index}}: {{$item}}</div>
        </ul>

<!-- some other code -->

profileController.js

$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];

$scope.loadMore = function() {
    alert("called");
    var last = $scope.images[$scope.images.length - 1];
    for(var i = 1; i <= 2; i++) {
      $scope.images.push(last + i);
    }

  };

浏览器滚动时未调用alert("called")。任何人都可以在我错的地方帮助我，或者我如何实现无限滚动？

Answer 1

您是如何定义角度模块和控制器的？

=＆GT;你必须注入＆＃34;无限滚动＆＃34;依赖你的模块。
=＆GT;你必须定义＆＃34; infiniteScroll＆＃34;模块中的控制器。

＆＃34; loadmore＆＃34;功能必须在＆＃34; infiniteScroll＆＃34;控制器。

在ngInfiniteScroll中，浏览器滚动时未调用loadMore（）

1 个答案: