如何在角度上动态更改地址栏网址

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'});