How do I hide the header?


#1

How do I hide the header in a template?
And how can you change the header style in a template?
And how to build back button to custom header?
My code is based on this: https://github.com/driftyco/ionic-angular-cordova-seed

Thank you!


#2

You can use this to hide header:

<ion-view hide-nav-bar="true"></ion-view>

#3

The config is written like this:

.state('tab.index', {
  url: '/Dashboard',
  views: {
    'Dashboard-tab': {
      templateUrl: 'templates/Dashboard.html',
	  controller: 'HomeCtrl'
    }
  }
})
.state('tab.profile', {
  url: '/profile/:userId',
  views: {
    'profile-tab': {
      templateUrl: 'templates/profile.html',
      controller: 'userProfileCtrl'
    }
  }
})

It removes the header but also remove the back button and I do want it displayed


#4

I don’t think it’s possible to have back buttons without a header.