None of my subviews are displaying the abstract header

ionic-v1
1

Inspection of the resulting code below. Why I’m I seeing hides?

<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none">
<ion-side-menus class="pane view" enable-menu-with-back-views="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
    <ion-side-menu-content class="menu-content pane" ng-controller="MenuCtrl" edge-drag-threshold="100" drag-content="false">
        <ion-nav-bar class="bar-header nav-bar-container solid" ng-class="$root.cls" nav-bar-transition="ios" nav-bar-direction="forward">
            <ion-nav-back-button class="hide"></ion-nav-back-button>
            <ion-nav-buttons class="hide" side="right"></ion-nav-buttons>
            <div class="nav-bar-block" nav-bar="active">
                <ion-header-bar class="bar-header bar disable-user-behavior" align-title="center">
                    <button class="button back-button buttons button-clear header-item" ng-click="$ionicGoBack($event)" style="">
                        <div class="title title-center header-item" style="transform: translate3d(0px, 0px, 0px); left: 125px; right: 125px;"></div>
                        <div class="buttons buttons-right header-item" style="">
                </ion-header-bar>
            </div>
            <div class="nav-bar-block" nav-bar="cached">
                <ion-header-bar class="bar-header bar disable-user-behavior" align-title="center">
                    <button class="button back-button buttons button-clear header-item" ng-click="$ionicGoBack($event)" style="opacity: 0;">
                        <div class="buttons buttons-left" style="opacity: 0;">
                            <div class="title title-center header-item" style="transform: translate3d(-589.758px, 0px, 0px); left: 167px; right: 167px; opacity: 0;">
                                <div class="buttons buttons-right header-item" style="opacity: 0;">
                </ion-header-bar>
            </div>
        </ion-nav-bar>
2

I copied your HTML into my IDE and it seems like its missing a few closing tags, like the </button>. Your HTML is invalid.

3

Thank you, I have check my source and dont see any missing . This may be a problem with my code example, not expanding the Inspector nodes fully. I will double check and resubmit.

4

Can you please provide a codepen