0

無限スクロールを作成するためにfirebase.utilを使用しています。bower.Then を使用して firebase util をダウンロードしました。次に、次のコードを試します。

私のHTMLファイルで:

<div class="list">
<div ng-repeat="e in events "  class="item" >
<div class="list" >
 <a class="item item-thumbnail-left" ui-sref='eventDetail({eventId:e.$id})'>
  <img src="img/ionic.png">
   <h2>{{e.name}}</h2>
   <h2>Categerie: {{e.categorie.label}}</h2>
 </a>
</div>
</div>

<ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="loadMore()" distance="10%"></ion-infinite-scroll>

私のコントローラーで:

var baseRef = new Firebase('https://event-application.firebaseio.com/event');  
var scrollRef = new Firebase.util.Scroll(baseRef, 'name');
$scope.events = $firebaseArray(scrollRef);
scrollRef.scroll.next(3);
$scope.loadMore = function() {
  scrollRef.scroll.next(2);
  $scope.$broadcast('scroll.infiniteScrollComplete');
};

どんな助けでも大歓迎です。

4

0 に答える 0