サイドメニューの中にサブヘッダーを配置するにはどうしたらいいですか？

Question

ngCordovaを使用し、サイドメニューを実装したいアプリケーションに取り組んでいます。以下に示すように、サイドメニューが実装されています。私たちは、

<ion-view title="Home" ng-app="app.controllers" > 
    <ion-header-bar class="bar bar-subheader bar-positive"> 
     <h1 class="title">Subheader</h1> 
    </ion-header-bar> 
    <ion-side-menus ng-controller="homeCtrl"> 

     <ion-side-menu-content> 
      <ion-nav-bar class="bar-stable nav-title-slide-ios7"> 
       <ion-nav-buttons side="left"> 
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
        </button> 
       </ion-nav-buttons>    
      </ion-nav-bar> 
      <ion-nav-view name="menuContent"></ion-nav-view> 
     </ion-side-menu-content> 


     <ion-side-menu side="left" > 

      <ion-header-bar class="bar-stable bar-dark"> 
       <h1 class="title">Category</h1> 
      </ion-header-bar> 

      <ion-list class="dark"> 
       <ion-item nav-clear menu-close href="" class="item item-icon-left" > 
        <i class="icon ion-ios7-ionic-outline ion-ios-home-outline"></i><span style="color:#666">Home</span> 
       </ion-item> 

       <ion-item nav-clear menu-close href="#/tab/home" class="item item-icon-left" > 
        <i class="icon ion-ios7-help ion-ios-home-outline"></i><span style="color:#666">Home</span> 
       </ion-item> 

       <ion-item nav-clear menu-close href="" class="item item-icon-left" > 
        <i class="icon ion-ios7-help ion-ios-paw-outline"></i><span style="color:#666">Dogs</span> 
       </ion-item> 

       <ion-item nav-clear menu-close href="" class="item item-icon-left" > 
        <i class="icon ion-ios7-help ion-ios-cog-outline"></i><span style="color:#666">Profile Settings</span> 
       </ion-item> 

       <ion-item nav-clear menu-close href="" class="item item-icon-left" > 
        <i class="icon ion-ios7-help ion-ios-checkmark-outline"></i><span style="color:#666">History Orders</span> 
       </ion-item> 
      </ion-list> 
     </ion-side-menu> 
    </ion-side-menus> 
</ion-view> 

---

ます：

---

これは、サイドメニューのために、私たちのコードです：サブヘッダを追加した後、メニューは次のようになります

左右に移動するサブヘッダのようにメニューボタンは表示されませんが、現在はそれをやっていません。どうすればこの問題を解決できますか？

Answer 1

サブヘッダーをサイドメニューの要素の外側に定義しています。なぜなら、それがあなたが望むように動作していないからです。 <ion-side-menu side="left>に

<ion-header-bar class="bar bar-subheader bar-positive"> 
    <h1 class="title">Subheader</h1> 
</ion-header-bar> 

：あなたは、次のコードを移動することでこの問題を解決することができます

<ion-side-menu side="left"> 
    <ion-header-bar class="bar-stable bar-dark"> 
    <h1 class="title">Category</h1> 
    </ion-header-bar> 

    <ion-header-bar class="bar bar-subheader bar-positive"> 
    <h1 class="title">Subheader</h1> 
    </ion-header-bar>