fix(ionInfiniteScroll): remove listener on $destroy

Author: ajoslin

js/ext/angular/src/directive/ionicContent.js

@@ -353,9 +353,15 @@ function($timeout, $controller, $ionicBind) {
         }, 0, false);
         infiniteScrollCtrl.isLoading = false;
       });
+      $scope.$on('$destroy', function() {
+        scrollCtrl.$element.off('scroll', checkBounds);
+      });
+
+      var checkBounds = ionic.animationFrameThrottle(checkInfiniteBounds);
 
-      scrollCtrl.$element.on('scroll', ionic.animationFrameThrottle(checkInfiniteBounds));
-      setTimeout(checkInfiniteBounds);
+      //Check bounds on start, after scrollView is fully rendered
+      setTimeout(checkBounds);
+      scrollCtrl.$element.on('scroll', checkBounds);
 
       function checkInfiniteBounds() {
         if (infiniteScrollCtrl.isLoading) return;

js/ext/angular/test/directive/ionicInfiniteScroll.unit.js

@@ -61,6 +61,14 @@ describe('ionicInfiniteScroll directive', function() {
     expect(ctrl.isLoading).toBe(false);
   });
 
+  it('should unbind scroll event on destroy', function() {
+    var el = setup();
+    spyOn(el.controller('$ionicScroll').$element, 'off');
+    el.scope().$destroy();
+    expect(el.controller('$ionicScroll').$element.off).toHaveBeenCalledWith('scroll', jasmine.any(Function));
+
+  });
+
   describe('icon', function() {
     it('should have default icon ion-loading-d', function() {
       var el = setup();