How do I hide the header?

ionic-v1
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>
1 Like
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.