用离子骨架无限觅食(Infinite scolling with ionic framework)

我正在开发一个Android应用程序，我使用一个名为“Ionic Framework”的框架。这是我的问题，我必须制作一个具有无限滚动系统框架“离子无限滚动”的系统。

当我在我的电脑上对Chrome进行测试时，尽管我在页面上的位置，我仍然无法停止离子无限滚动。

如何放置代码以使系统正常工作？谢谢

调节器

$scope.loadMore = function(){ console.log("LoadMOre"); imageCache.init().then(function() { BonjourTwitterRepository.populate($scope); }); $scope.$broadcast('scroll.infiniteScrollComplete'); $scope.$broadcast('scroll.resize'); console.log($scope.tweetsList); if(false){ console.log("ok"); $scope.noMoreItemsAvailable = true; } $scope.currentIndex = $scope.currentIndex + $scope.perPage; };

知识库

var populateCollection = function (tweets, $scope) { collection = new TweetCollection(); console.log($scope.currentIndex); for (var i = $scope.currentIndex; i < $scope.perPage; i++) { collection.addTweets(new Tweet(tweets[i], $scope, imageCache)); } $scope.tweetsList = collection; };

视图

<ion-item class="item item-body"> <div class="item item-image"> <img ng-src="{{tweet.media_url}}" src="img/loading1.gif"/> </div> <p> by : <a href="https//twitter.com/{{tweet.getUsername()}}">@{{tweet.getUsername()}}</a> </p> </ion-item> <div class="item tabs tabs-secondary tabs-icon-left"> <p> <a href="#" class="rating-poll"><i class="icon-thumbs-up"></i></a> <a href="#" class="rating-poll"><i class="icon-thumbs-down"></i></a> </p> <p> <button ng-click="shareThis('{{tweet.media_url}}')" class="button icon button-clear "><i class="icon ion-share"></i>Share </button> </p> </div> </ion-list> <ion-infinite-scroll></ion-infinite-scroll>

I am developing an application for android and I use a framework called "Ionic Framework". Here is my problem I have to make a system with infinite scroll system framework of "ion-infinite-scroll".

When I did my tests on Chrome on my pc I have the ion-infinite-scroll that does not stop despite my position on the page.

How do I place my code so the system works? Thanks

Controller

$scope.loadMore = function(){ console.log("LoadMOre"); imageCache.init().then(function() { BonjourTwitterRepository.populate($scope); }); $scope.$broadcast('scroll.infiniteScrollComplete'); $scope.$broadcast('scroll.resize'); console.log($scope.tweetsList); if(false){ console.log("ok"); $scope.noMoreItemsAvailable = true; } $scope.currentIndex = $scope.currentIndex + $scope.perPage; };

Repository

var populateCollection = function (tweets, $scope) { collection = new TweetCollection(); console.log($scope.currentIndex); for (var i = $scope.currentIndex; i < $scope.perPage; i++) { collection.addTweets(new Tweet(tweets[i], $scope, imageCache)); } $scope.tweetsList = collection; };

View

<ion-item class="item item-body"> <div class="item item-image"> <img ng-src="{{tweet.media_url}}" src="img/loading1.gif"/> </div> <p> by : <a href="https//twitter.com/{{tweet.getUsername()}}">@{{tweet.getUsername()}}</a> </p> </ion-item> <div class="item tabs tabs-secondary tabs-icon-left"> <p> <a href="#" class="rating-poll"><i class="icon-thumbs-up"></i></a> <a href="#" class="rating-poll"><i class="icon-thumbs-down"></i></a> </p> <p> <button ng-click="shareThis('{{tweet.media_url}}')" class="button icon button-clear "><i class="icon ion-share"></i>Share </button> </p> </div> </ion-list> <ion-infinite-scroll></ion-infinite-scroll>