angularjs - TypeError：无法读取未定义火力库的属性“滚动”

Question

我正在使用 firebase.util 创建无限滚动。我使用 bower 下载了 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');
};

任何帮助表示赞赏。