Polymer 1.0 - 如何使用“page”路由应用并更改URL

时间:2016-01-27 21:04:36

标签: polymer-1.0 polymer-starter-kit page.js

使用Polymer 1.0入门套件,我想设置一个新路线,但是我需要从我的app.js文件中的一个函数中激活它,而不是通过routing.html

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

这在很大程度上起作用。应用程序将路由到“项目”<section>。但是,URL不会更新以反映这一点,因此在用户重新加载页面的情况下,他们发现自己处于与他们刚才所在的“部分”不同的“部分” - 而不是最友好的情况。

是否有更合适的方式与“页面”路由不会破坏浏览器导航?

1 个答案:

答案 0 :(得分:3)

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';
}