diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts
index 3532f199a7..2b2f417ca5 100644
--- a/demos/component-docs/tabs/icon-text/pages.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -18,14 +18,11 @@ class TabIconTextPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
-  onInit() {
+  onPageWillEnter() {
+    console.log('enter');
     document.getElementById('md-tabs-icon-text').style.display = "block";
     document.getElementById('md-only').style.display = "none";
   }
-  onDestroy() {
-    document.getElementById('md-tabs-icon-text').style.display = "none";
-    document.getElementById('md-only').style.display = "block";
-  }
 }
 
 @Page({
@@ -44,4 +41,10 @@ export class IconTextPage {
     this.tabThree = TabIconTextPage;
     this.tabFour = TabIconTextPage;
   }
+
+  onPageWillLeave() {
+    document.getElementById('md-tabs-icon-text').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
+
 }
diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts
index 0ee58fe0d3..c8b20d2099 100644
--- a/demos/component-docs/tabs/icon/pages.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -18,14 +18,10 @@ class TabIconPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
-  onInit() {
+  onPageWillEnter() {
     document.getElementById('md-tabs-icon').style.display = "block";
     document.getElementById('md-only').style.display = "none";
   }
-  onDestroy() {
-    document.getElementById('md-tabs-icon').style.display = "none";
-    document.getElementById('md-only').style.display = "block";
-  }
 }
 
 @Page({
@@ -44,4 +40,10 @@ export class IconPage {
     this.tabThree = TabIconPage;
     this.tabFour = TabIconPage;
   }
+
+  onPageWillLeave() {
+    document.getElementById('md-tabs-icon').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
+
 }