2つのイオン2メニュー：1つが表示されます。もう1つはない

Question

私のIonic2アプリでは、それぞれに非常に似たメニューを持つ2つのページがあります。これらのメニューには名前が付けられます。しかし、一方のページにはメニューが表示され、もう一方のメニューには表示されません。それぞれのメニューHTMLコードはそれぞれのXXX.htmlの中にあります。 Ionic2が異なるページの同じ側に2つのメニューを持つのを防ぐ何かがありますか？

story.html作品：

<ion-header> 
    <ion-navbar #storyNav> 
    <ion-title>Originaltöne</ion-title> 
    <button ion-button menuToggle="checkMenu" right> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <!-- <ion-item (click)="putOnWatchlist(entry)" *ngFor="let entry of dataToShow"> 
    {{ entry.textbody }} 
    </ion-item> --> 
</ion-content> 

<ion-menu id="checkMenu" side="right" [content]="storyNav"> 
    <ion-content> 
    Lorem ipsum... 
    <ion-item menuClose="checkMenu" detail-none>Close Menu</ion-item> 
    </ion-content> 
</ion-menu> 

しかし物語-dashboard.htmlはしていません：

<ion-header> 
    <ion-navbar #dashboardNav> 
    <ion-title>Originaltöne</ion-title> 
    <button ion-button menuToggle="favMenu" right> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <ion-item > 
    Lorem ipsum... 
    </ion-item> 
</ion-content> 

<ion-menu id="favMenu" side="right" [content]="dashboardNav"> 
    <ion-content> 
    Lorem ipsum... 
    <ion-item menuClose="favMenu" detail-none>Close Menu</ion-item> 
    </ion-content> 
</ion-menu> 

Answer 1

あなたは自動的に彼がapp.htmlが表示されるページを作成するときにこれは、単純なエラーです（myapp/src/app/に位置しています）、その情報を使ってメニューを操作するときは、app.htmlの中で使用します。

..だからあなたはおそらくmenuToggleで<button ion-button menuToggle>Toggle Menu</button>をボタンを使用する必要があり、または1つのコールクリックで関数を指定呼び出すために、開きたいものをapp.html内の2つの貴様メニューを作成し、呼び出すことができます。

// id of the menu you want call 
openMenu(id) { 
    this.menuCtrl.open(id); 
} 

は、詳細については、私はあなたが必ず `物語 - ダッシュボードにあなたのCSSやJSファイルにまったく同じ` script`と `links`を置くMenuとMenuController