javascript - AngularJS 无限滚动问题

Question

我正在尝试使用无限滚动来延迟加载图像。调用时出现以下错误:

TypeError: undefined 不是一个函数 在处理程序 ( http://onfilm.us/ng-infinite-scroll.js:31:34 )

这是我迄今为止所拥有的内容的一个非常淡化的外观。

function tagsController($scope) {
    $scope.handleClick = function(tags) {
        // Parse Tags
        $scope.finished_tags = parsed_data;
    };

    $scope.$emit( 'handleEmit', { tags = $scope.finished_tags; });
};

function imagesController($scope,$http) {

    var rows_per = 5;

    $scope.$on('handleBroadcast', function(event, args) {
        // Sort the images here, put them in matrix
        // Example: matrix[row_number] = { picture1, picture2, picture3 }

        $scope.data = matrix;
        $scope.loadMore();
     };

     $scope.loadMore() = function() {
         var last = $scope.images.length;

         for ( var i = 0; i < rows_per; i++ ) {
             $scope.images[last + i] = new Array();
             $scope.images[last + i] = $scope.data[last + i].slice( 0 );
         }
    }
}

粗略的想法是页面第一次加载(没有标签)并从 PHP 脚本获取图像。他们全部。它们被存储，并调用 loadMore() 将用 5 行图像填充 $scope.images。它确实如此，并且它们已加载。

该脚本中的行正在访问 $window.height 和 $window.scrollup。我对 Javascript 仍然很陌生，所以如果我做错了什么，请随时批评我。

这是我正在测试的损坏版本: http://onfilm.us/test.html

这是实现延迟加载之前的版本，如果了解标签的工作原理会有帮助。不过，我认为这不是问题所在。

http://onfilm.us/image_index.html

编辑:我确实认为这是 ng-infinite-scroll.js 脚本的问题。错误在第 31 行(版本 1.0.0)。它告诉我:TypeError: undefined 不是一个函数它显然不喜欢 $window。

我的 JS 功夫并没有真正具备说出原因的能力。您可以在此处的简单演示中看到文字复制/粘贴作业(有错误)onfilm.us/scroll2.html

Answer 1

通过引用您的网站，首先会发现您的 HTML 标记不合适。您应该将 infinite-scroll 移动到 ng-repeat 指令的父级，这样它就不会对生成的每一行进行重叠调用。请访问http://binarymuse.github.io/ngInfiniteScroll/demo_basic.html