transition runs outside of angular

ionic/components/nav/nav.ts

@@ -1,4 +1,4 @@
-import {Directive, View, ElementRef, Host, Optional, forwardRef, Injector} from 'angular2/angular2';
+import {Directive, View, ElementRef, Host, Optional, forwardRef, Injector, NgZone} from 'angular2/angular2';
 
 import {IonicComponent} from '../../config/annotations';
 import {ViewController} from '../view/view-controller';
@@ -22,9 +22,10 @@ export class Nav extends ViewController {
   constructor(
     @Optional() hostViewCtrl: ViewController,
     injector: Injector,
-    elementRef: ElementRef
+    elementRef: ElementRef,
+    zone: NgZone
   ) {
-    super(hostViewCtrl, injector, elementRef);
+    super(hostViewCtrl, injector, elementRef, zone);
   }
 
   onIonInit() {

ionic/components/tabs/tab.ts

@@ -1,4 +1,4 @@
-import {Directive, Component, View, Host, ElementRef, forwardRef, Injector} from 'angular2/angular2';
+import {Directive, Component, View, Host, ElementRef, forwardRef, Injector, NgZone} from 'angular2/angular2';
 
 import {ViewController} from '../view/view-controller';
 import {ViewItem} from '../view/view-item';
@@ -29,12 +29,13 @@ export class Tab extends ViewController {
   constructor(
     @Host() tabs: Tabs,
     elementRef: ElementRef,
-    injector: Injector
+    injector: Injector,
+    zone: NgZone
   ) {
     // A Tab is both a container of many views, and is a view itself.
     // A Tab is one ViewItem within it's Host Tabs (which extends ViewController)
     // A Tab is a ViewController for its child ViewItems
-    super(tabs, injector, elementRef);
+    super(tabs, injector, elementRef, zone);
     this.tabs = tabs;
 
     this.childNavbar(true);

ionic/components/tabs/tabs.ts

@@ -1,4 +1,4 @@
-import {Component, Directive, View, Injector, NgFor, ElementRef, Optional, Host, forwardRef} from 'angular2/angular2';
+import {Component, Directive, View, Injector, NgFor, ElementRef, Optional, Host, forwardRef, NgZone} from 'angular2/angular2';
 
 import {ViewController} from '../view/view-controller';
 import {ViewItem} from '../view/view-item';
@@ -33,9 +33,10 @@ export class Tabs extends ViewController {
     @Optional() hostViewCtrl: ViewController,
     @Optional() viewItem: ViewItem,
     injector: Injector,
-    elementRef: ElementRef
+    elementRef: ElementRef,
+    zone: NgZone
   ) {
-    super(hostViewCtrl, injector, elementRef);
+    super(hostViewCtrl, injector, elementRef, zone);
 
     // Tabs may also be an actual ViewItem which was navigated to
     // if Tabs is static and not navigated to within a ViewController

ionic/components/view/view-controller.ts

@@ -1,4 +1,4 @@
-import {Compiler, ElementRef, Injector, bind} from 'angular2/angular2';
+import {Compiler, ElementRef, Injector, bind, NgZone} from 'angular2/angular2';
 import {DynamicComponentLoader} from 'angular2/src/core/compiler/dynamic_component_loader';
 import {AppViewManager} from 'angular2/src/core/compiler/view_manager';
 
@@ -19,7 +19,8 @@ export class ViewController extends Ion {
   constructor(
     parentViewCtrl: ViewController,
     injector: Injector,
-    elementRef: ElementRef
+    elementRef: ElementRef,
+    zone: NgZone
   ) {
     let config = injector.get(IonicConfig);
     super(elementRef, config);
@@ -32,6 +33,7 @@ export class ViewController extends Ion {
     this.router = injector.get(IonicRouter);
     this.app = injector.get(IonicApp);
     this.config = config;
+    this.zone = zone;
 
     this.router.addViewController(this);
 
@@ -215,6 +217,8 @@ export class ViewController extends Ion {
     // wait for the new item to complete setup
     enteringItem.stage(() => {
 
+      this.zone.runOutsideAngular(() => {
+
         enteringItem.shouldDestroy = false;
         enteringItem.shouldCache = false;
         enteringItem.willEnter();
@@ -253,14 +257,18 @@ export class ViewController extends Ion {
           leavingItem.didLeave();
 
           // all done!
+          this.zone.run(() => {
             this.transitionComplete();
-
             callback();
           });
+        });
 
       });
+
     }
 
+  });
+
   swipeBackStart() {
     if (this.isTransitioning() || this.items.length < 2) {
       return;