From 8a8d4eff18cc65a38dfe4cf15f6fd42e2de59c21 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Fri, 29 Nov 2013 13:55:49 -0600
Subject: [PATCH] init title classes w/ ng-enter and ng-leave

---
 dist/js/ionic-angular.js                       | 5 +++--
 js/ext/angular/src/directive/ionicNavRouter.js | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/dist/js/ionic-angular.js b/dist/js/ionic-angular.js
index a0b5acc139..7d89c1a5fa 100644
--- a/dist/js/ionic-angular.js
+++ b/dist/js/ionic-angular.js
@@ -1534,10 +1534,11 @@ angular.module('ionic.ui.navRouter', ['ionic.service.gesture'])
     }
 
     // Clone the old title and add a new one so we can show two animating in and out
+    // add ng-leave and ng-enter during creation to prevent flickering when they are swapped during animation
     title = angular.element(titles[0]);
-    oTitle = $compile('<h1 class="title" ng-bind="oldTitle"></h1>')($scope);
+    oTitle = $compile('<h1 class="title ng-leave" ng-bind="oldTitle"></h1>')($scope);
     title.replaceWith(oTitle);
-    nTitle = $compile('<h1 class="title" ng-bind="currentTitle"></h1>')($scope);
+    nTitle = $compile('<h1 class="title ng-enter" ng-bind="currentTitle"></h1>')($scope);
 
     var insert = $element[0].firstElementChild || null;
 
diff --git a/js/ext/angular/src/directive/ionicNavRouter.js b/js/ext/angular/src/directive/ionicNavRouter.js
index ac952af1c4..265765a639 100644
--- a/js/ext/angular/src/directive/ionicNavRouter.js
+++ b/js/ext/angular/src/directive/ionicNavRouter.js
@@ -159,10 +159,11 @@ angular.module('ionic.ui.navRouter', ['ionic.service.gesture'])
     }
 
     // Clone the old title and add a new one so we can show two animating in and out
+    // add ng-leave and ng-enter during creation to prevent flickering when they are swapped during animation
     title = angular.element(titles[0]);
-    oTitle = $compile('<h1 class="title" ng-bind="oldTitle"></h1>')($scope);
+    oTitle = $compile('<h1 class="title ng-leave" ng-bind="oldTitle"></h1>')($scope);
     title.replaceWith(oTitle);
-    nTitle = $compile('<h1 class="title" ng-bind="currentTitle"></h1>')($scope);
+    nTitle = $compile('<h1 class="title ng-enter" ng-bind="currentTitle"></h1>')($scope);
 
     var insert = $element[0].firstElementChild || null;