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

【问题标题】：Display title of current page in ionic side menu header在离子侧菜单标题中显示当前页面的标题
【发布时间】：2015-09-28 14:41:02
【问题描述】：

我的 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 标记之后，以阻止内容堆叠在标题下。

【问题讨论】：

您可以在每个页面上从控制器绑定页面标题
我尝试将 {{title}} 添加到 HTML 并将 $scope.title="Current Page Header" 添加到控制器以进行破折号和搜索。但这不会显示。尽管如果我在我的 MainCtrl 中为 index.html 页面添加相同的内容，它确实可以工作。因此，似乎无法从每个页面的各个控制器的范围内访问该菜单。
做$rootScope.title 而不是$scope.title
你能在这里添加整个代码吗？还是创建 plunker？

标签： angularjs ionic-framework ionic

【解决方案1】：

您可以使用路由，并为每个路由定义具有不同控制器的模板。
在模板定义中，您可以选择不同的 Header。

<ion-header-bar class="bar bar-header bar-dark">
        <h1 class="title">Heading</h1>
      </ion-header-bar>

【讨论】：

谢谢，我删除了我的答案，因为它很快就停止了工作。你的方法效果很好。