本文概述
Polymerjs app路由
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>
参数说明
Index | Field | Description |
---|---|---|
1) | app-location | 此元素可在浏览器位置栏和应用状态之间提供同步, 并生成路由值。 |
2) | pattern | 通过将route.path属性与pattern属性进行比较来进行匹配。 |
3) | app-route | 它使用对象设置数据属性, 该对象的属性与pattern属性中的参数相对应。它对它们产生的数据对象的双向更改做出响应。 |
4) | tail | 在将模式应用于匹配的路线后, 它表示路线状态的其余部分。 |
哈希与路径
URL路径名的一部分在后端服务器的帮助下由应用程序位置路由使用。可以使用以下属性将应用程序位置配置为使用哈希部分。
<app-location route = "{{route}}" use-hash-as-path></app-location>
评论前必须登录!
注册