聚合物 - 应用路线

后退
前进

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>

上面实例的解释如下表所列 −

序号 字段 & 描述
1

app-location

此元素在浏览器地址栏与应用状态之间提供同步，并生成路由值。
2

pattern

通过将 **route.path** 属性与其进行比较，来匹配 **pattern** 属性。
3

app-route

它设置数据属性，其属性对应 **pattern** 属性中的参数。它响应他们生成的数据对象的双向更改。
4

tail

在将模式应用到匹配路由后，它表示路由状态的剩余部分。

哈希 vs 路径

app-location 路由的后端服务器使用 URL 路径名的一部分。app-location 可使用以下属性配置为使用哈希部分。

<app-location route = "{{route}}" use-hash-as-path></app-location>
polymer_elements.htm
打印页面
后退
前进
广告