From 7d2945f95d0faf77587f5d3f34c484066f200442 Mon Sep 17 00:00:00 2001
From: Andrew <andrewtjoslin@gmail.com>
Date: Wed, 8 Oct 2014 16:10:28 -0600
Subject: [PATCH] refactor(slideBox): make it so elements are properly removed

---
 js/angular/controller/slideController.js | 3 +--
 js/angular/service/attachDrag.js         | 6 +++---
 test/html/slideBox.html                  | 4 ++--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/js/angular/controller/slideController.js b/js/angular/controller/slideController.js
index 6dfc1714b5..ed8fd0b76b 100644
--- a/js/angular/controller/slideController.js
+++ b/js/angular/controller/slideController.js
@@ -7,8 +7,7 @@ function(scope, element, $q) {
   var self = this;
 
   scope.$on('$destroy', function() {
-    element.removeData();
-    detachSlide();
+    attachSlide();
   });
   element.on(ionic.CSS.TRANSITIONEND, onTransitionEnd);
 
diff --git a/js/angular/service/attachDrag.js b/js/angular/service/attachDrag.js
index 665e984ab7..bdb760a1c7 100644
--- a/js/angular/service/attachDrag.js
+++ b/js/angular/service/attachDrag.js
@@ -20,9 +20,9 @@ IonicModule
     var dragEndGesture = ionic.onGesture('dragend', handleDragEnd, element[0]);
 
     scope.$on('$destroy', function() {
-      ionic.offGesture(dragStartGesture);
-      ionic.offGesture(dragGesture);
-      ionic.offGesture(dragEndGesture);
+      ionic.offGesture(dragStartGesture, 'dragstart', handleDragStart);
+      ionic.offGesture(dragGesture, 'drag', handleDrag);
+      ionic.offGesture(dragEndGesture, 'dragend', handleDragEnd);
     });
 
     var dragState;
diff --git a/test/html/slideBox.html b/test/html/slideBox.html
index 079541a648..1e679b7b02 100644
--- a/test/html/slideBox.html
+++ b/test/html/slideBox.html
@@ -45,7 +45,7 @@
 
     <div ng-controller="SlideCtrl">
       <ion-content>
-          <ion-slide-box selected="$root.selectedIndex" loop="true">
+          <ion-slide-box selected="$root.selectedIndex" loop="true" ng-if="$root.hasBox">
             <ion-slide ng-controller="FirstSlideCtrl">
               <h3>Thank you for choosing the Awesome App!</h3>
               <div id="logo">
@@ -94,7 +94,7 @@
 
       .controller('SlideCtrl', function($scope, $timeout) {
           $scope.items = [];
-          for (var i = 0; i < 10; i++) {
+          for (var i = 0; i < 1000; i++) {
             $scope.items.push(i);
           }