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 ?