Angular 2 - 动态更改 URL(在地址栏中)

Question

我在 ESPN 网站上遇到了这种行为，想知道如何使用 Angular2 实现这一点。当我在那里阅读一篇文章时，文章一读完，就会加载下一篇文章，地址栏中的 URL 会自动更改。一旦我向上滚动到旧文章，URL 再次更改为旧文章。例如，使用此链接。

http://www.espn.in/football/barclays-premier-league/23/blog/post/3017450/phil-jones-and-henrikh-mkhitaryan-in-team-of-the-weekend

这只是网站上的一篇随机文章。您可以在那里检查上面提到的行为。我还看到 ESPN 网站不是使用 Angular 2 构建的。

不过，我只是想知道我是否想使用 Angular2 执行此操作，我该如何进行？也就是说，在滚动页面或其他内容时更改地址栏中的 URL。

Answer 1

万一有人还在寻求解决这个问题。

这就是我后来所做的。通过文档，我意识到当路由器导航到呈现相同组件的路由时，该组件不会再次初始化。

假设您有这条渲染 ItemComponent 的路由。

item/:id

当你像这样导航时。

item/3 -> item/4

组件不会再次初始化。我利用它并根据我在页面中的当前位置，导航到地址栏中我想要的 URL。这听起来并不完全令人信服，但确实有效。