Polymer - App Route
app-route 元素利用一个对象，该对象通过 route 属性描述当前路由的状态。它将使用 pattern 属性确定状态，并确定与路由相关的一些数据，以及包含路由其余部分的尾部，如以下代码所示。
<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 &描述 |
|---|---|
| 1 | app-location 它是一个提供浏览器位置栏和应用程序状态之间的同步并产生路由值的元素。 |
| 2 | pattern 通过将 route.path 属性与 pattern 属性进行比较来匹配它。 |
| 3 | app-route 它使用对象设置 data 属性，该对象的属性对应于 pattern 属性中的参数。它响应它们生成的数据对象的双向变化。 |
| 4 | tail 它表示在将模式应用于匹配路由之后，路由状态的剩余部分。 |
哈希与路径
URL 路径名的部分由 app-location 路由在后端服务器的帮助下使用。可以使用以下属性将 app-location 配置为使用哈希部分。
<app-location route = "{{route}}" use-hash-as-path></app-location>
polymer_elements.html
