Change header content / add new header above


#1

Hello,
I need to modify the header content of my view (tab view), but I don’t see any way to do it.
Basically, here is what I want to do :

When the user click on the search icon, a input appears in the header.
I tried to add a header inside my ion-view to display it above the main header but it doesn’t work…

<ion-view title="Analyses">
    <ion-nav-buttons side="right">
        <a class="button button-icon icon ion-ios7-search-strong" ng-click="toggleSearch()"></a>
    </ion-nav-buttons>
    <div style="z-index:9999;" class="bar bar-header bar-positive" ng-if="activeSearch">
        <input type="search">
    </div>
    <ion-content>...</ion-content>
</ion-view>

#2

How about using a subheader instead. You can have a sub-header with an inset search field.