Polymer 聚合深度应用程序路由不更改url

我对应用程序路线有问题（主要是因为我不理解它）。 我遇到的具体问题是更改url/路由。我正在使用

应用程序抽屉上的
熨斗选择器
来更改
熨斗页面
视图。视图正在切换，但url未更新。另一个问题是，在我的一个视图中，我需要切换到详细视图（think/events->/event/：id）。我不确定在视图中更改视图的正确方法

讨论够了-让我们看看一些代码

该申请的结构如下：

/login

/admin
/admin/view1
/admin/view1/:id
/admin/view2

/user
/user/view1
/user/view1/:id
/user/view2

我的应用程序
有一个iron pages元素，用于保存
登录页面
、
管理门户
和
用户门户
的视图<代码>管理门户

和

用户门户

都有

铁页面

，其中包含

视图1

、

视图2

，等等

用户门户

<app-location route="{{route}}"></app-location>
<app-route
  route="{{route}}"
  pattern="/user/:view"
  data="{{routeData}}"
  tail="{{subroute}}">
</app-route>

<iron-selector attr-for-selected="name" selected="{{routeData.view}}" fallback-selection="clinics">
  <vaadin-item name="clinics">
    <iron-icon icon="vaadin:list-select"></iron-icon>
    Virtual Clinics
  </vaadin-item>
  <vaadin-item name="settings">
    <iron-icon icon="vaadin:cog-o"></iron-icon>
    Settings
  </vaadin-item>
  <vaadin-item name="help">
    <iron-icon icon="vaadin:info-circle-o"></iron-icon>
    Help
  </vaadin-item>
  <vaadin-item name="logout">
    <iron-icon icon="vaadin:exit-o"></iron-icon>
    Sign Out
  </vaadin-item>
</iron-selector>

<iron-pages selected="[[routeData.view]]"
  attr-for-selected="name"
  selected-attribute="visible"
  fallback-selection="view404">
  <user-clinic-list-view name="clinics" events="{{events}}" user="{{user}}"></user-clinic-list-view>
  <user-clinic-view name="event" route="{{subroute}}"></user-clinic-view>
  <user-setting-view name="settings" route="{{subroute}}"></user-setting-view>
  <user-help-view name="help" route="{{subroute}}"></user-help-view>
  <my-view404 name="view404"></my-view404>
</iron-pages>

这似乎是一个非常基本的web应用程序，但是Polymer中的路由非常混乱，没有深度路由的例子。我看到的每个示例都只有一层（就像初学者工具包一样）

---

路由的最佳实践是什么？

我将尝试解决这个问题，只是现在没有足够的时间。我也花了很多时间来理解这一点。但我可以提前推荐o check

shop app

示例。在那里你可以找到确切的例子。看看这个，看看我的答案，也许能帮你。

window.history.pushState({}, null, '/user/event/:id');
window.dispatchEvent(new CustomEvent('location-changed'));