android - ionic 2 : Place drawer content in multiple views dynamically

Question

我正在使用添加了抽屉导航的 ionic 选项卡模板。我希望抽屉导航可用于所有选项卡，但我不想在所有选项卡页面中重复抽屉内容的标记。我如何动态地包含此内容(类似于 php include())。非常感谢您的帮助。

这是我的代码

<ion-header>
    <ion-toolbar color="primary">
        <ion-title>Welcome</ion-title>
        <ion-buttons start left>
            <button menuToggle ion-button small icon-only color="royal">
                <ion-icon name="menu"></ion-icon>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<!-- NAVIGATION DRAWER MARKUP THAT I DONT'T WANT TO REPEAT -->
<!-- STARTS HERE -->
<ion-menu [content]="mycontent">
    <ion-content>
        <ion-list>
            <ion-item small>
                <ion-icon ios="ios-contact" md="ios-contact" item-left></ion-icon> Profile
            </ion-item> <!-- more content -->
        </ion-list>
    </ion-content>
</ion-menu>
<!-- ENDS HERE -->
<!-- NAVIGATION DRAWER MARKUP THAT I DONT'T WANT TO REPEAT -->

<ion-nav #mycontent [root]="homePage"></ion-nav>

<ion-content padding>
    <!-- CONTENT OF THE HOME-PAGE -->
</ion-content>

这是 rootPage (HomePage) 的样子。 . .

Answer 1

检查 Persistent Menu section here

你需要设置

<ion-menu [content]="mycontent" persistent=true>

Persistent menus display the MenuToggle button in the Navbar on all pages in the navigation stack.

除非您不想为内页设置菜单，否则它应该显示在所有选项卡上。 ionic 的示例菜单代码 here 整个应用的菜单设置here