Hide header and nav bar for some pages

I want to hide header and navbar for some pages like the login screen. But once logged in I want to be able to have the navbar and header enabled? I tried something like this and for some reason it doesn’t seem to work.

Ionic version 1.0.0.beta1

Here is the codepen link.

What I do is set

 $rootScope.hide_header = true 

in the controller for pages I want to hide the header for, then my header code uses ng-if

<header class="bar bar-header bar-positive" ng-if="!hide_header">

I make sure to call

$rootScope.hide_header = false

With any functions to leave the page, though have been toying with the idea of doing it in ui-router

  $rootScope.$on '$stateChangeSuccess', (event, current, previous ) ->
     $rootScope.hide_header = false

Good luck!

Awesome that works now!