Polymer App Routingが変数を取得していない

Question

私は、アプリケーションの場所とPolymerのApp Routingを使ってURLに変数を渡そうとしていますが、サブルートは変数を取得していないようです。誰かが私が間違っていることを理解するのを助けることができますか？

コード：

<app-location route="{{route}}"></app-location> 
<app-route 
    route="{{route}}" 
    pattern="/desk/:project/:scene" 
    data="{{data}}" 
    tail="{{subroute}}"> 
</app-route> 

route.pathは/variable/variableとして表示されますが、projectとsceneは空白になっています。

ご協力いただければ幸いです。

Answer 1

projectとsceneの値は（data.projectとdata.sceneのように）<app-route>.dataに結合さdataから読み出されます。

あなたのURLがhttp://localhost:8080/desk/123/456たのであれば、あなたのdataオブジェクトが含まれます

{ 
    project: '123', 
    scene: '456' 
} 

codepen

Answer 2

以下のコードでは、2つの要素を使用して完全なURLを監視しています。
最初はプロジェクト値にバインドし、2番目の要素の{{subroute}}を出力します。

<app-location route="{{route}}"></app-location> 
<app-route 
    route="{{route}}" 
    pattern="/desk/:project" 
    data="{{data}}" 
    tail="{{subroute}}"> 
</app-route> 

第2は、シーン値にバインドされます。

<app-route 
    route="{{subroute}}" 
    pattern=":scene" 
    data="{{data}}"> 
</app-route>