Polymerjs app路由

本文概述

  • Polymerjs app路由
  • 参数说明
  • 哈希与路径
Polymerjs app路由app-route元素用于利用一个对象, 该对象通过使用route属性来描述有关当前路由的状态。它将使用pattern属性确定状态, 并确定与路线有关的一些数据, 以及一条包含其余路线的尾部, 如以下代码所示。
句法:
< app-location route = "{{route}}"> < /app-location> < app-route route = "{{route}}" pattern = "/:page" data = "http://www.srcmini.com/{{routeData}}" tail = "{{subroute}}"> < /app-route> < app-route route = "{{subroute}}" pattern = "/:id" data = "http://www.srcmini.com/{{subrouteData}}"> < /app-route>

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

    推荐阅读