如何以角度动态更改地址栏URL

Question

我们有一个角度应用程序，我的页面有超过10个故事，我想在用户滚动到特定故事时动态更改地址栏URL，请提示一些解决方案，我搜索但没有找到合适的解决方案...

Answer 1

您似乎想要使页面的某些部分具有唯一的URL，您可以通过将页面划分为多个部分并将unique URL分配给每个部分来实现相同的目的。假设您的html如下所示，那么您可以使用路由器navigate方法或routerLink指令导航到每个部分

HTML

<div class="container">
  <div id="header">...</div>
  <div id="section-body">...</div>
  <div id="section-some-other-content">...</div>
  <div id="footer">...</div>
</div>

routerLink

<a [routerLink]="['mydefaultroute']" fragment="header">Header section</a>

导航

this._router.navigate( ['/mydefaultroute' ], {fragment: 'header'});