Маршрутизация полимеров с параметрами из JavaScript

Question

Итак, пример, у нас есть полимерный стартовый набор с пользовательским разделом

Rouing.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>

И когда мы нажимаем на любую ссылку выше, мы увидим, что нам нужно, чтобы URL был http://localhost:5000/, но всякий раз, когда я меняю имя в URL и нажимаю ENTER, я получаю ОШИБКУ (404 и перенаправление) Но если я просто скопирую и вставлю URL со случайным именем пользователя на новую вкладку, то все будет работать нормально. Поэтому вопрос заключается в том, как справиться с изменением URL-адреса в качестве параметра.

Вопрос № 2, если я запускаю из 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"}