使用 Angular 2 RC6 路由器更改 URL

Question

我正在构建一个列表应用程序，可以在其中选择列表项。 一次只能选择一项。 列表项的详细视图显示在列表下方。

现在我想根据选择的项目更改 url，而不是导航到另一个页面。

有可能吗？如果是，怎么做？

谢谢

Answer 1

为此使用路由参数

{ path: '', redirectTo, 'items', pathMatch: 'full' },
{ path: 'items', component: ItemList, children: [
  { path: '', component: DummyItem },
  { path: ':id/detail', component: ItemDetails }
]}

<a [routerLink]="itemId + '/detail'">Item {{itemId}}</a>

class ItemDetail {
  constructor(route:ActivatedRoute) {
    route.params.subscribe(params => this.id = params['id']);
  }
}

使用路由器导航，当仅更改路由参数时，不会重新加载任何内容。