Subheader in Tabnav



I have a subheader and tabnav.
when i change tab the subheader also changes (The slide-over animation).
I can’t get it to work where only the content changes and the subheader stays the same.

this is the code of 1 of my views:

<ion-view title="Scoreboard" class="scoreboard">
	<ion-header-bar class="bar-subheader item-input-inset">

      <div class="tabs">
	    <a class="tab-item" ng-class="{ activetab: isActive('/main/home')}" href="#/main/home">
	    <a class="tab-item" ng-class="{ activetab: isActive('/main/mine')}" href="#/main/mine">
	    <a class="tab-item" href="#">
	 <ion-nav-buttons side="left">
      	<button class="button button-icon icon button-clear ion-navicon" menu-toggle="left"></button>
      <ion-nav-buttons side="right">
      	<button class="button button-icon icon button-clear ion-camera" menu-toggle="left"></button>


Something like this?


I already came up with a solution:

This however gave me a new problem, posted it here: