2

angularjs アプリに無限スクロールを実装しようとしています。ngInfiniteScrollの使い方に慣れるため

私は彼らのデモで与えられたのと同じ例を使用しています

ページ。それは私のために働いていません、

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")スクロールで呼び出されていません。私が間違っている場所や、無限スクロールを実現するにはどうすればよいですか?

4

1 に答える 1

0

angularモジュールとコントローラーをどのように定義しましたか?

=> モジュールに「無限スクロール」依存関係を注入する必要があります。
=>モジュールで「infiniteScroll」コントローラーを定義する必要があります。

「loadmore」関数は「infiniteScroll」コントローラーにある必要がありました。

于 2015-08-14T12:33:14.820 に答える