子コンポーネントのpagejsとPolymer data-route

Question

インデックスページからマスターディテールビューを分離するために、私は親ビュー（user-view.html）を作成しました。ここでuser-listとuser-detailがカプセル化されています。 ユーザービュー内から、リストと詳細からイベントを制御できます。

私はこのマスターディテールをURLで使いたいと思っています。だからpagejsで私はルートを設定しました。ネオンアニメーションページの両方の切り替えは非常にうまくいきます。リストとディテールの両方がネオンアニメーションページのタグに直接含まれているとします。

しかし、それらをユーザービューに追加して（ユーザービューをneon-animated-pagesタグに入れると）、リストまたは詳細のデータルート属性はトリガーされません。

別の「親」コンポーネントにカプセル化されている場合、データルート属性の作業を行うにはどうすればよいですか？ のindex.html：

<neon-animated-pages class="flex" attr-for-selected="data-route" selected="[[route]]"> 
      <home-view data-route="home"></home-view> 
      <user-view ></user-view> 
      </neon-animated-pages> 

ユーザーview.html：

<template> 
     <user-list data-route="users" type="{{type}}" on-user-tap="onUserTap"></user-list> 
     <user-detail data-route="user-info" user="{{selectedUser}}" type="{{type}}"></user-detail> 
    </template> 

Answer 1

あなたはiron-pagesかneon-animated-pagesにあなたのuser-view.htmlのローカルDOMを必要とし、次の2つのルート（親neon-animated-pagesのための1つを必要とし、 user-viewの中の子供のためのもの）

これらの行に沿って何かが動作するはずです：

あなたのpagejsハンドラで

<neon-animated-pages class="flex" attr-for-selected="data-route" selected="[[route]]"> 
     <home-view data-route="home"></home-view> 
     <user-view data-route="users" route="[[subroute]]" ></user-view> 
     </neon-animated-pages> 

<template> 
    <iron-pages attr-for-selected="data-route" selected="[[subroute]]"> 
     <user-list data-route="users" type="{{type}}" on-user-tap="onUserTap"></user-list> 
     <user-detail data-route="user-info" user="{{selectedUser}}" type="{{type}}"></user-detail> 
    </iron-pages> 
</template> 

あなたは、対応するルートの subroute（ユーザーの詳細/一覧）アイデア