2017-06-09 18 views
0

ionicで与えられた "super"テンプレートを修正して、自分の開発したionic 2アプリケーションにサイドメニューを追加しました。私は左のメニューにスワイプする正しく表示されますが、問題は、ページのヘッダーに、私は3つのバーを見ることができない、ということであるionic 2ヘッダーにサイドメニューの "bar"が表示されない

<ion-menu [content]="content"> 

    <ion-header>  
    <ion-toolbar> 
     <ion-title>Menu</ion-title> 
    </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <button ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

:私はapp.htmlに次のコードを追加しましたメニュー開くには:ドキュメントから

enter image description here

を、単にHTMLにこのコードを追加すると、3つのバーが表示されますが、それは私のために働いていないようです。すべてのページのヘッダーで何かを変更する必要がありますか?私はおそらくスーパーテンプレート自体がページのヘッダーの何かを上書きするので、バーは表示されません。

答えて

2

buttoniconを追加できます。 このように:

<ion-header> 
    <ion-navbar> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>Menu</ion-title> 
    </ion-navbar> 
</ion-header> 
関連する問題