Customize header in ion-nav-view

ionic-v1
1

I have a standard nav view with a detail template like this:

<body ng-app="myapp">
    <ion-nav-view></ion-nav-view>
</body>

Detail View:

<ion-view view-title="Product Detail">
        <ion-content ng-controller="ProductDetailCtrl">
        <p>ID: {{product.id}}</p>
        <p>Description: {{product.desc}}</p>
    </ion-content>
</ion-view>

How can I now customize the header of the detail view (adding Text, Icons etc) without loosing the back button?
I tried it with

hide-nav-bar="true"

and then creating a new header but then the back button is gone…

2

Look at the docs for ion-nav-title and ion-nav-buttons.
http://ionicframework.com/docs/api/directive/ionNavTitle/
http://ionicframework.com/docs/api/directive/ionNavButtons/

These elements go in your <ion-view> and will change the title/buttons respectively. <ion-title> is a replacement for the view-title="..." attribute on <ion-view> Make sure these are the first things inside <ion-view, do not put them inside <ion-content>

With a little CSS you can put other things in the ion-nav-buttons.