chore(animation): pass instance to onFinish callbacks

ionic/components/app/test/animations/index.ts

@@ -22,6 +22,35 @@ class E2EPage {
     a.easing(this.easing);
     a.play();
   }
+
+  memoryCheck() {
+    let self = this;
+    let count = 0;
+
+    function play() {
+      count++;
+      if (count >= 100) {
+        console.log('Play done');
+        return;
+      }
+
+      console.log('Play', count);
+
+      let a = new Animation('.green');
+      a.fromTo('translateX', '0px', '200px');
+      a.duration(self.duration);
+      a.easing(self.easing);
+      a.onFinish((animation) => {
+        setTimeout(() => {
+          play();
+        }, 100);
+        animation.destroy();
+      });
+      a.play();
+    }
+
+    play();
+  }
 }
 
 

ionic/components/app/test/animations/main.html

@@ -28,6 +28,10 @@
     <button ion-item (click)="playGreen()">
       Play
     </button>
+
+    <button ion-item (click)="memoryCheck()">
+      Memory Check
+    </button>
   </ion-list>
 
 </ion-content>

ionic/components/nav/nav-controller.ts

@@ -1081,13 +1081,13 @@ export class NavController extends Ion {
       }
 
       // create a callback for when the animation is done
-      transAnimation.onFinish((hasCompleted: boolean) => {
+      transAnimation.onFinish((trans: Transition) => {
         // transition animation has ended
 
         // destroy the animation and it's element references
-        transAnimation.destroy();
+        trans.destroy();
 
-        this._afterTrans(enteringView, leavingView, opts, hasCompleted, done);
+        this._afterTrans(enteringView, leavingView, opts, trans.hasCompleted, done);
       });
 
       // cool, let's do this, start the transition