个性化阅读
专注于IT技术分析

Polymerjs app路由

本文概述

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>
赞(0)
未经允许不得转载:srcmini » Polymerjs app路由

评论 抢沙发

评论前必须登录!