文章/答案/技术大牛

发布

社区首页 >问答首页 >ngInfiniteScroll loadMethod仅调用一次

问ngInfiniteScroll loadMethod仅调用一次
EN

Stack Overflow用户

提问于 2015-07-22 16:30:55

回答 2查看 1K关注 0票数 3

<div >
<div infinite-scroll='loadMore()' infinite-scroll-distance='2'>
    <img ng-repeat='image in images' ng-src='http://placehold.it/225x250&text={{image}}'>
</div>

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

    $scope.loadMore = function () {
        console.log('scroll');
        var last = $scope.images[$scope.images.length - 1];
        for (var i = 1; i <= 30; i++) {
            $scope.images.push(last + i);
        }
    };

loadMore函数只在我进入页面开始时被调用，向下滚动后这个方法不再被调用，为什么？

angularjs

nginfinitescroll

回答 2

Stack Overflow用户

发布于 2015-08-18 19:43:39

如果初始页面加载没有填满视口高度，则不会调用loadMore函数。Add infinite scroll-immediate-check=“true”-这将强制在页面加载时填充项目。

修改后的代码

<div>
    <div infinite-scroll='loadMore()' 
         infinite-scroll-distance='2' 
         infinite-scroll-immediate-check="true">
        <img ng-repeat='image in images' ng-src='http://placehold.it/225x250&text={{image}}'>
    </div>
</div>

参考infinite-scroll-immediate-check

票数 0

Stack Overflow用户

发布于 2018-01-04 16:52:43

<div infinite-scroll="functionName()" infinite-scroll-distance="1" infinite-scroll-container="'#yourContainer'" >

转到开发人员工具，找到您需要无限滚动的容器，并将其命名为容器。

有关文档，请查看链接http://sroze.github.io/ngInfiniteScroll/documentation.html

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31557881

复制

相似问题

问ngInfiniteScroll loadMethod仅调用一次
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ngInfiniteScroll loadMethod仅调用一次EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ngInfiniteScroll loadMethod仅调用一次
EN