在離子側菜單標題中顯示當前頁面的標題

我在我的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標籤後停止內容的標題下堆疊。

來源

2015-09-28 AppTest

你可以從控制器每一頁 –

我嘗試添加{{title}}會在HTML上綁定頁面標題和$ scope.title =「當前頁頁眉」到控制器的破折號和搜索。但是這並不顯示。雖然如果我添加相同的東西到我的MainCtrl index.html頁面它確實工作。所以看起來菜單不能從每個頁面的各個控制器的範圍中訪問。 – AppTest

做'$ rootScope.title'而不是'$ scope.title' – harishr

您可以使用路由和每個路由定義模板具有不同的控制器。
在模板定義上，您可以選擇不同的頁眉。

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

來源

2015-09-28 05:20:15 Shrinath

謝謝，我刪除了我的答案，因爲它很快停止了工作。你的方法運作良好。 – AppTest

歡迎@AppTest ..快樂編碼！ – Shrinath

在離子側菜單標題中顯示當前頁面的標題

回答

相關問題