diff --git a/js/ext/angular/src/directive/ionicNavRouter.js b/js/ext/angular/src/directive/ionicNavRouter.js
index 60d91ba765..ac952af1c4 100644
--- a/js/ext/angular/src/directive/ionicNavRouter.js
+++ b/js/ext/angular/src/directive/ionicNavRouter.js
@@ -187,7 +187,7 @@ angular.module('ionic.ui.navRouter', ['ionic.service.gesture'])
       backButtonIcon: '@',
       alignTitle: '@'
     },
-    template: '<header class="bar bar-header nav-bar" ng-class="{hidden: !navController.navBar.isVisible}">' + 
+    template: '<header class="bar bar-header nav-bar" ng-class="{invisible: !navController.navBar.isVisible}">' + 
         '<div class="buttons"> ' +
           '<button nav-back class="button" ng-if="enableBackButton && showBackButton" ng-class="backButtonType" ng-bind-html="backButtonContent"></button>' +
           '<button ng-click="button.tap($event)" ng-repeat="button in leftButtons" class="button {{button.type}}" ng-bind="button.text"></button>' + 
@@ -319,6 +319,10 @@ angular.module('ionic.ui.navRouter', ['ionic.service.gesture'])
       // Should we hide a back button when this tab is shown
       $scope.hideBackButton = $scope.$eval($attr.hideBackButton);
 
+      $scope.hideNavBar = $scope.$eval($attr.hideNavBar);
+
+      navCtrl.navBar.isVisible = !$scope.hideNavBar;
+
       // Whether we should animate on tab change, also impacts whether we
       // tell any parent nav controller to animate
       $scope.animate = $scope.$eval($attr.animate);
diff --git a/js/ext/angular/test/navRouter.html b/js/ext/angular/test/navRouter.html
index 6d9360a644..f853b6021d 100644
--- a/js/ext/angular/test/navRouter.html
+++ b/js/ext/angular/test/navRouter.html
@@ -21,7 +21,7 @@
     </pane>
 
     <script id="page1.html" type="text/ng-template">
-      <nav-page title="'Bears'">
+      <nav-page title="'Bears'" hide-nav-bar="true">
         <h1>Page 1</h1>
         <span>{{num}}</span>
         <a class="button button-pure" nav-back>Back</a>
diff --git a/scss/_util.scss b/scss/_util.scss
index 6e52d6f107..4deb954ae9 100644
--- a/scss/_util.scss
+++ b/scss/_util.scss
@@ -11,6 +11,9 @@
 .show {
   display: block;
 }
+.invisible {
+  visibility: hidden;
+}
 
 .inline {
   display: inline-block;