как динамически изменить адресную строку 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'});