组件加载后,Angular 2 URL意外更改

时间:2017-06-16 03:19:41

标签: angular

我有一个简单的Angular 2应用程序,设置如下:

forchild路由/ hosts显示主机列表的组件,/ host:id显示特定主机的详细信息组件。

当我去/ hosts时,我得到的主机列表没有问题。每行上的字段都有一个指向/ host:id的链接。如果我单击特定行项目,则详细信息组件显示正常。我看到/ host / 1234,然后URL更改回/ hosts。细节组件保留在屏幕上。

我有一个主机模块设置了以下路由

RouterModule.forChild([
  { path: 'hosts', component: HostListComponent},
  { path: 'host/:id', component: HostDetailsComponent}
])

我希望当我导航到/ host / 1234并且不返回/主机

时,该网址会保留在/ host / 1234上

任何想法?

感谢

马特

1 个答案:

答案 0 :(得分:0)

简单的新手错误。我的html模板中没有ngif,这导致了未定义的错误。由于这些错误,我得到了奇怪的路由行为。事后来说,这是有道理的。

下次我将在发布前检查控制台:)

谢谢大家。