离子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共享组件

回答

相关问题