聚合物路由，参数来自 javascript

Question

好的，我们有一个带有用户部分的聚合物入门套件

routing.html 是：

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

    page('/users/:name', function(data) {
      app.route = 'user-info';
      app.params = data.params;
    });

当然我们有这个部分：

 <section data-route="users">
              <paper-material elevation="1">
                <h2 class="page-title">Users</h2>
                <p>This is the users section</p>
                <a href$="{{baseUrl}}users/Addy">Addy</a><br>
                <a href$="{{baseUrl}}users/Rob">Rob</a><br>
                <a href$="{{baseUrl}}users/Chuck">Chuck</a><br>
                <a href$="{{baseUrl}}users/Sam">Sam</a>
              </paper-material>
            </section>

当我们点击上面的任何一个 href 时，我们将看到我们需要的东西 url 将是 http://localhost:5000/#!/users/Chuck 但每当我在 url 中更改名称并按 ENTER 我将出现错误（404 和重定向）但是，如果我只是将带有随机用户名的 url 复制并放入新选项卡，一切都会正常进行。所以问题是如何处理将 url 作为参数

更改

问题 2 if i 运行 from javascript app.route='users/Rob' 没有变化 app.route="home" 或 app.route="users" 工作正常。那么如何使用 javascript 代码中的参数转到部分。

Answer 1

好的，我知道怎么做了

app.route="user-info"
app.params={0:"/users/MyUserName",name:"MyUserName"}

聚合物路由，参数来自 javascript

polymer routing with parameters from javascript

javascript

routing

polymer

polymer-starter-kit