如何在Aurelia.JS中顯示當前活動頁面標題

我現在正在使用aurelia JS。我有一個問題，當aurelia開始路由時，我想將標題頁更改爲當前位置在我的身體標記，正好我的意思不是<title>標記，但內部身體
我挖了一圈，搜索教程，但到現在爲止我沒有得到正確的答案如何在Aurelia.JS中顯示當前活動頁面標題

我重視我的代碼

<template bindable="router"> 
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" mdl="layout"> 
    <header class="mdl-layout__header mdl-color--primary"> 
     <div class="mdl-layout__header-row"> 
     <!-- Title --> 
     <span class="mdl-layout-title">${title}</span> 
     <!-- Add spacer, to align navigation to the right --> 
     <div class="mdl-layout-spacer"></div> 
     <button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" 
       id="more-button"> 
      <i class="material-icons">more_vert</i> 
     </button> 
     <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button" mdl="menu"> 
      <li class="mdl-menu__item">5.0 Lollipop</li> 
      <li class="mdl-menu__item">4.4 KitKat</li> 
      <li disabled class="mdl-menu__item">4.3 Jelly Bean</li> 
      <li class="mdl-menu__item">Android History</li> 
     </ul> 
     <!-- Navigation. We hide it in small screens. --> 
     </div> 
    </header>

我希望我的$ {TITLE}顯示當前活動的頁面。我四處搜尋，但沒有找到答案

這裏我app.js代碼

來源

2016-01-03 Felix.A

請用示例代碼描述你的問題。 –

歡迎來到Stack Overflow。請參觀並訪問幫助中心。你會發現你的問題太寬泛/不清楚，需要回答。如果你分享你所嘗試的，我們可能會提供幫助。 – DhiaTN

@ParthaSarathiGhosh我已附上代碼 –

可以使用路由器對象的currentInstruction.config.title：

this.router.currentInstruction.config.title;

請記住，你可能必須綁定路由器到Web組件。

來源

2016-01-03 14:00:35

感謝您的答案，但我想在我的<！ - 標題 - >< span class =「mdl-layout-title」> $ {title}當aurelia開始路由時，$ {title}總是改變。的確切意思是改變成當前活動頁面標題而不是文檔標題 –

哦，對不起！看看我編輯的答案 –

我測試了我的代碼，現在我的 $ {this.router.currentInstruction.title}但它沒有顯示任何內容。這是我的app.html和我錯誤的地方代碼 –

如何在Aurelia.JS中顯示當前活動頁面標題

回答

相關問題