ポリマー - 動的なページタイトル（アプリケーションヘッダー付き）

Question

Polymer App Toolboxのapp-drawer-layoutを使用しています。固定タイトルをにするのではなく、iron-pages - ナビゲーション。

理想的には、iron-pagesにロードされた各要素にタイトルを指定したいのですが、ナビゲーションでそれを定義することも解決策です。しかし、私が作った試みのどれもうまくいかないように、私はちょっと固まっています。

私のコードは次のようになります。

<app-header condenses fixed effects="waterfall"> 
    <app-toolbar> 
    <paper-icon-button icon="mdi:menu" drawer-toggle></paper-icon-button> 
    <div main-title>My App</div> 
    </app-toolbar> 
</app-header> 

<iron-pages role="main" selected="[[page]]" attr-for-selected="name"> 
    <moso-profile name="profile"></moso-profile> 
    <moso-resume name="resume"></moso-resume> 
    <moso-portfolio name="portfolio"></moso-portfolio> 
    <moso-contact name="contact"></moso-contact> 
</iron-pages> 

を今、私は<content select=".page-title"></content>（Polymer Docs）を使用し、各ロードされた要素で<div class="page-title">New title</div>を持って試してみました。うまくいきませんでした。 （：<moso-profile title="Profile" name="profile"></moso-profile>そうのような）と、その後のいずれか、[[page.title]]とそれに結合する1/2ウェイに運を試してみません

は、私はまた、iron-pagesに各要素にtitle属性を追加しようとしました。

何か間違っていますか？それともこれはもうできないのですか？

Answer 1

なぜこのようなものはありませんか？

<app-header condenses fixed effects="waterfall"> 
    <app-toolbar> 
    <paper-icon-button icon="mdi:menu" drawer-toggle></paper-icon-button> 
    <div main-title>{{page}}</div> 
    </app-toolbar> 
</app-header> 

<iron-pages role="main" selected="[[page]]" attr-for-selected="name"> 
    <moso-profile name="profile"></moso-profile> 
    <moso-resume name="resume"></moso-resume> 
    <moso-portfolio name="portfolio"></moso-portfolio> 
    <moso-contact name="contact"></moso-contact> 
</iron-pages> 

たり、さらに多くのあなたは、計算機能を使用することができ、タイトルを制御したい場合：それは非常に柔軟ではない

_computeTitle: function(page) { 
    if (page == 'profile') { 
     return 'My Profile'; 
    } 
    ... 
}