Removing sub header on specific pages

Hello.
I am trying to hide a sub header with a button bar in it on specific pages, at the moment it is showing on all pages. I have a nav bar above that will remain on every page. Here is the code for the headers.

    <ion-nav-back-button></ion-nav-back-button>

    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-ios-gear"></button>
    </ion-nav-buttons>

    <ion-nav-buttons side="right">
        <button class="button button-icon button-clear ion-ios-cart-outline" ></button>
    </ion-nav-buttons>
</ion-nav-bar>





<ion-header-bar align-title="center" class="bar-subheader bar-light"  >
    <div class="button-bar">
        <a class="button button-outline button-dark">Sort</a>
        <a class="button button-outline button-dark">Categories</a>
        <a class="button button-outline button-dark">Filter</a>
    </div>
</ion-header-bar>

Thank you
Farai