ngInfiniteScroll resulting in TypeError: Cannot read property 'Scroll' of undefined

Question

I'm working with Angular integrated with Firebase and I'm trying to achieve a infinite scrolling in my application.

So I'm struggling to use the ngInfiniteScroll in my page. Following this documentation I start facing TypeError: Cannot read property 'Scroll' of undefined angular.js:13236 error message.

(function (angular) {
  "use strict";

  var app = angular.module('myApp.baby', ['firebase', 'firebase.utils', 'firebase.auth', 'ngRoute', 'infinite-scroll']);

  app.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/:babyId', {
        templateUrl: 'baby/baby.html',
        controller: 'BabyController',
    });
  }]);

  app.controller('BabyController', ['$scope', 'Auth', 'fbutil', 'FBURL', '$location', '$firebaseObject', '$routeParams', '$firebaseArray',
    function($scope, Auth, fbutil, FBURL, $location, $firebaseObject, $routeParams, $firebaseArray) {
      $scope.FBURL = FBURL;

      var unbind;

      var baby = $firebaseObject(fbutil.ref('babies', $routeParams.babyId));
      baby.$bindTo($scope, 'baby').then(function(ub) { unbind = ub; });

      var baseRef = new Firebase(FBURL).child("posts");
      var scrollRef = new Firebase.util.Scroll(baseRef, 'number');
      $scope.items = $firebaseArray(scrollRef);
      $scope.items.scroll = scrollRef.scroll;
    }
  ]);

})(angular);

posts.html

<div infinite-scroll="items.scroll.next(10)" infinite-scroll-distance="1">
  <div ng-repeat="item in items">
    {{item.$id}}: {{item.number}}, {{item.string}}
  </div>
</div>

Any kind of help will be appreciated.

Is the data displaying with your ng-repeat? – Rarepuppers Feb 27 '16 at 04:25 — Rarepuppers, Feb 27 '16 at 04:25
@comoss no, nothing is happening in the screen. – adolfosrs Feb 27 '16 at 10:10 — adolfosrs, Feb 27 '16 at 10:10

score 2 · Accepted Answer · edited May 23 '17 at 12:22

2

The complaint here is that Firebase.util is undefined. Most likely, you've failed to include the library via a script tag or you've included things in the wrong order and it's not available at the time your code is invoked.

The code in the question doesn't provide an mcve, and the error has nothing to do with the code presented here, so there is some guesswork involved in answering this.

edited May 23 '17 at 12:22

Community

1
1

answered Feb 27 '16 at 14:21

Kato

38,684
6
110
135

Ok, and what else would be helpful to be included here? And what do you mean by `included things in wrong order`? What should be included first or last? – adolfosrs Feb 27 '16 at 14:24
I'm not going to be much help here if you don't know what ` – Kato Feb 27 '16 at 14:55

ngInfiniteScroll resulting in TypeError: Cannot read property 'Scroll' of undefined

1 Answers1