離子2共享組件

我建立一個離子2項目，我想分享的網頁之間的頭和sidemenu！有人可以幫忙嗎？我有加側菜單app.html文件：離子2共享組件

<ion-menu [content]="content"> 
    <ion-header> 
     <ion-toolbar> 
      <ion-title>Menu</ion-title> 
     </ion-toolbar> 
    </ion-header> 
    <ion-content> 
     <ion-list> 
      <button ion-item (click)="openPage(homePage)"> 
     Home 
     </button> 
      <button ion-item (click)="openPage(friendsPage)"> 
     Friends 
     </button> 
      <button ion-item (click)="openPage(eventsPage)"> 
     Events 
     </button> 
      <button ion-item (click)="closeMenu()"> 
     Close Menu 
     </button> 
     </ion-list> 
    </ion-content> 
</ion-menu> 

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

來源

2017-07-25 sahnoun

你有什麼勒索？你想分享什麼？ –

我想與所有頁 – sahnoun

這已經共享共用此菜單。 –

除了試試這個在您的情況，您不需要創建共享組件。

這會爲你工作，以有效的方式。

page.ts

<ion-header> 

      <ion-navbar> 

        <button ion-button menuToggle> 

          <ion-icon name="menu"></ion-icon> 

        </button> 

        <ion-title>About</ion-title> 

        <ion-buttons end> 

          <button ion-button icon-only (click)="presentPopover($event)"> 

            <ion-icon name="more"></ion-icon> 

          </button> 

        </ion-buttons> 

  </ion-navbar> 

</ion-header>

參考，官方演示conference app

來源

2017-07-25 21:20:41

我開始遵循離子會議應用程序結構。能否請您檢查並給予一定的幫助：https://stackoverflow.com/questions/45314803/ionic-3-menu-sidebar – sahnoun

好吧，我會的。你解決了這個問題嗎？ –

是的，謝謝你的幫助:) – sahnoun

這是使用沒有好主意，但你可以在你app.html 從菜單

<ion-header> 
    <ion-title>{{title}}</ion-title> 
</ion-header> 
<ion-nav [root]="rootPage"></ion-nav>

來源

2017-07-25 18:49:15 Dps

離子2共享組件

回答

相關問題