как вызвать изменения URL в одностраничных приложениях

Question

Я создал веб-компонент в трафарете и размещен в угловом приложении. Я хочу отследить или вызвать изменения URL-адреса в приложении angular, но маршрутизация в angular не вызывает событие собственного hashchange в окне.

Есть ли способ вызвать изменения URL из углового приложения, так как я хочу зафиксировать изменения URL в моем веб-компоненте

I have tried below code which is written in stencil to listen for url change but its not getting trigger
 @Listen('window:hashchange')
   onListHandle (event) {
     alert('location: ' + document.location + ', state-hash: ' + JSON.stringify(event.state))
   }
   @Listen('window:popstate')
   onpopstate (event) {
     alert('location: ' + document.location + ', state-popstate: ' + JSON.stringify(event.state))
   }

Answer 1

HTML5 представила history.pushState () и history.replaceState () методы, которые позволяют добавлять и изменять записи истории, соответственно. Эти методы работают в сочетании с событие window.onpopstate. Ссылка

Пример

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");