ポリマー-アプリルート

app-route要素は、オブジェクトを利用します。このオブジェクトは、ルートプロパティを介して、現在のルートに関する状態を記述します。次のコードに示すように、パターンプロパティを使用して状態を決定し、ルートに関連するいくつかのデータと、ルートの残りを含むテールを決定します。

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

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

上記のインスタンスの説明は、次の表に記載されています-

Sr.No.	Field & Description
1	app-location これは、ブラウザーのロケーションバーとアプリの状態の間の同期を提供し、ルート値を生成する要素です。
2	pattern route.path* プロパティは、 pattern プロパティと比較することで一致します。
3	app-route dataプロパティにオブジェクトを設定します。オブジェクトのプロパティは、 pattern プロパティのパラメーターに対応します。生成するデータオブジェクトの双方向の変更に応答します。
4	tail パターンが一致するルートに適用された後の、ルート状態の残りの部分を表します。

ハッシュとパス

URLパス名の部分は、バックエンドサーバーの助けを借りて、アプリの場所のルートで使用されます。 app-locationは、次の属性を使用してハッシュ部分を使用するように構成できます。

<app-location route = "{{route}}" use-hash-as-path></app-location>

Polymer-app-route

ポリマー-アプリルート

ハッシュとパス