2014-04-11 17 views
0

我在我的應用程序中實現了ng Infinite Scroll module,我遇到了幾個問題。ng無限滾動,引導程序3和AngularJS的高度問題

我目前的問題是,該函數將在每一個滾動事件觸發。 我發現module FAQ中提到的問題,但到目前爲止,解決方案包括一個明確的div:both;在容器的盡頭沒有幫助。

下面是來自FAQ報價:

爲什麼ngInfiniteScroll觸發每一個滾動事件我的表情?

infiniteScroll指令使用它所連接的元素的高度來確定它靠近窗口底部的距離。在某些情況下,瀏覽器可以報告高度爲0,這會導致此行爲。通常,這是由於僅包含浮動子項的容器元素。解決這個問題最簡單的方法是在容器底部添加一個「spacer」元素(如div style ='clear:both;'/ 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; 
     }); 
    };  

回答

1

我相信無限滾動這裏不是問題。 我已經修復了您的代碼中的一些問題,請參閱plunk,對我來說一切都很正常。