diff --git a/tooling/generators/page-tabs/tabs.tmpl.html b/tooling/generators/page-tabs/tabs.tmpl.html
index 7670d0395c..b1c2cdfd2f 100644
--- a/tooling/generators/page-tabs/tabs.tmpl.html
+++ b/tooling/generators/page-tabs/tabs.tmpl.html
@@ -1,3 +1,3 @@
 <ion-tabs><% _.forEach(tabs, function(tab) { %>
-  <ion-tab tab-title="<%= tab.name %>" tab-icon="globe" [root]="<%= tab.javascriptClassName %>"></ion-tab><% }); %>
+  <ion-tab tab-title="<%= tab.name %>" tab-icon="globe" [root]="<%= tab.fileAndClassName %>"></ion-tab><% }); %>
 </ion-tabs>
diff --git a/tooling/generators/page-tabs/tabs.tmpl.js b/tooling/generators/page-tabs/tabs.tmpl.js
index 2401ea7c1a..9541b50a0e 100644
--- a/tooling/generators/page-tabs/tabs.tmpl.js
+++ b/tooling/generators/page-tabs/tabs.tmpl.js
@@ -8,7 +8,7 @@ import {NavController, Page} from 'ionic/ionic';
 export class <%= javascriptClassName %> {
   constructor(nav: NavController) {
     // set the root pages for each tab
-    <% _.forEach(tabs, function(tab) { %>this.<%= tab.javascriptClassName %> = <%= tab.javascriptClassName %>;
+    <% _.forEach(tabs, function(tab) { %>this.<%= tab.fileAndClassName %> = <%= tab.javascriptClassName %>;
     <% }); %>
   }