How do I hide the header?


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:

Thank you!


You can use this to hide header:

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


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


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