如何顯示在離子3

Question

我能夠建立sidemenu側菜單項，但我不知道如何將它鏈接到不同的網頁，請幫我看看這方面

這裏是演示：https://stackblitz.com/edit/ionic-lkxqz6?file=pages%2Fhome%2Fhome.html

問題：我想顯示的menu其是ProfilePage和PostPage

<ion-header> 

</ion-header> 

<ion-content padding> 

<button ion-button menuToggle icon-only class="menuButton"> 
    <ion-icon name="menu"></ion-icon> 
</button> 

<ion-menu [content]="mycontent"> 
    <ion-content> 
    <ion-list> 
     <p>some menu content, could be list items</p> 
    </ion-list> 
    </ion-content> 
</ion-menu> 

<ion-nav #mycontent type="overlay"></ion-nav> 

</ion-content> 

的2 menus

這裏是演示：https://stackblitz.com/edit/ionic-lkxqz6?file=pages%2Fhome%2Fhome.html

Answer 1

可以使用NavController https://ionicframework.com/docs/api/navigation/NavController/

按鈕的onClick在你的導航菜單，你可以使用NavContoller推頁面。

第1步：注射導航控制器在組件

import { NavController } from 'ionic-angular'; 

class MyComponent { 
    constructor(public navCtrl: NavController) { 

    } 
} 

第2步：創建菜單中單擊事件。

<ion-menu [content]="content"> 
    <ion-content> 
    <ion-list> 
     <button menuClose ion-item (click)="openProfilePage()"> 
     Profile 
     </button> 

後

第3步：按新的頁面在你的控制器功能

openProfilePage() { 

     this.nav.push(ProfilePage); 
    } 

    openPostPage() { 

      this.nav.push(PostPage); 
    }