Question

我在我的应用中实施ng Infinite Scroll module并遇到了几个问题。

我目前的问题是该功能将在每个滚动事件中触发。我在module FAQ中找到了对问题的提及，但到目前为止，解决方案包括一个明确的div：两者;在容器的末端没有帮助。

以下是FAQ的引用：

为什么ngInfiniteScroll会在每个滚动事件上触发我的表达式？

infiniteScroll指令使用它附加的元素的高度来确定它与窗口底部的接近程度。在某些情况下，浏览器可以报告高度为0，这会导致此行为。通常，这是由于容器元素仅包含浮动子元素。解决这个问题的最简单方法是添加一个＆＃34; spacer＆＃34;元素到容器的底部（类似div style =＆＃39; clear：both;＆＃39; / div）;有关更多详细信息，请参阅此StackOverflow问题及其相关答案。

注意看看并解决问题？

这是我的功能和工作Plunker。

    var _page = 0;
    $scope.releases = [];
    $scope.loadDetails = function(id) {
        _page++;
        console.log(_page);
        $http.get('http://api.discogs.com/artists/' + id + '/releases?page=' + _page + '&per_page=12').then(function(data2) {
            $scope.releases = data2.releases;
        });
    };

Answer 1

我相信无限卷轴在这里是一个问题。我已修复了您的代码中的一些问题，请参阅此plunk，一切看起来都很正常。

ng Infinite Scroll，Bootstrap 3和AngularJS的高度问题

1 个答案: