Polymer 1.0 - 如何使用 'page' 路由应用程序并更改 URL

Question

使用 Polymer 1.0 Starter Kit，我想设置一个新路由，但我需要从我的 app.js 文件中的函数而不是通过 routing.html

app._loadProject = function(e) {
  // do stuff here
  // after finished, route to our 'project' section in the app
  app.route = 'project';
};

这在大多数情况下都有效。应用程序被路由到 'project' <section>。但是，URL 不会更新以反映这一点，因此在用户重新加载页面的情况下，他们会发现自己处于与刚刚所在的页面不同的 'section' - 这不是最友好的情况。

有没有更合适的 'page' 路由方式，不会破坏浏览器导航？

Answer 1

在app.js做你的事：

app._loadProject = function(e) {
  // do stuff here
  // after finished, route to our 'project' section in the app
  page.show('/project'); // same as page('/project')
};

在routing.html中添加规则：

page('/project', project);
...
function project() {
  app.route = 'project';
}

Polymer 1.0 - 如何使用 'page' 路由应用程序并更改 URL

Polymer 1.0 - How to use 'page' to route app and change URL

page.js

polymer-1.0

polymer-starter-kit