Question

我的 index.html 正文中的旁边菜单有以下代码。但我无法弄清楚如何更改Page Title以显示当前页面的标题。

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-view class="has-header"></ion-nav-view>
        <ion-header-bar class="bar-dark">
            <div class="buttons">
                <button class="button icon button-clear ion-navicon-round"
                        ng-click="toggleLeft()"></button>
            </div>
            <h1 class="title">Page Title</h1>
        </ion-header-bar>
    </ion-side-menu-content>
    <ion-side-menu side="left">
        <ion-list>
            <ion-item href="#/dash">Dashboard</ion-item>
        </ion-list>
        <ion-list>
            <ion-item href="#/search">Search</ion-item>
        </ion-list>
    </ion-side-menu>
</ion-side-menus>

注意：使用Shrinath的回答并将您的内容放在<ion-content>标记后的ion-header-bar标记中，以停止在标题下堆叠的内容。

Answer 1

您可以使用路线和每个路线定义具有不同控制器的模板在模板定义中，您可以选择不同的标题。

[5]

在离子侧菜单标题中显示当前页面的标题

1 个答案: