Angular 2 - 动态更改 URL（在地址栏中）

Question

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

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

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

Answer 1

万一有人仍然想解决这个问题。

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

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

item/:id

当你像这样导航时。

item/3 -> item/4

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