Hide navbar when url matches


#1

I am using this layout setup so navbar is the same for all the application, what i would like to do is to hide the navbar itself if url matches /home , i tryed like this but it wont work:

<ion-pane>
<ion-nav-bar class=" navbar nav-title-slide-ios7 bar-dark font-lighter" ng-class="{'hide': config.appState.name === 'app.home'}">
<ion-nav-buttons side="left">
<a ui-sref="app.home" ng-if="config.appState.name === 'app.browse'">
	<button class="button button-clear button-balanced">
		<i class="icon ion-ios7-arrow-left"></i> 
		Home
	</button>
</a>
<a ui-sref="app.browse" ng-if="config.appState.name === 'app.submit'">
	<button class="button button-clear button-royal">
		<i class="icon ion-ios7-arrow-left"></i> 
		Browse
	</button>
</a>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<a ui-sref="app.submit" ng-if="config.appState.name === 'app.browse'">
	<button class="button button-clear button-calm">
		Submit
		<i class="icon ion-ios7-arrow-right"></i> 
	</button>
</a>
</ion-nav-buttons>
</ion-nav-bar>

<ion-nav-view name="appContent"></ion-nav-view>
</ion-pane>

Actually {{config.appState.name}} is ok, looks like navbar is always showed up when i scroll the page, how to hide that definitly ?