fix: connectRouter using fragment (#428)

* fix: update angular versions * fix: change connectRouter to use router navigate with fragment * fix: lint issue --------- Co-authored-by: kim.tran <[email protected]> Co-authored-by: Annika Nowak <[email protected]> Co-authored-by: markuczy <[email protected]>
onecx · Aug 28, 2024 · 9e36673 · 9e36673
1 parent 3c3a248
commit 9e36673
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/libs/angular-webcomponents/src/lib/utils/webcomponent-bootstrap.utils.ts b/libs/angular-webcomponents/src/lib/utils/webcomponent-bootstrap.utils.ts
@@ -165,14 +165,16 @@ function connectMicroFrontendRouter(injector: Injector, warn = true): Subscripti
 
 function connectRouter(router: Router): Subscription {
   const initialUrl = `${location.pathname.substring(getLocation().deploymentPath.length)}${location.search}`
-  router.navigateByUrl(initialUrl)
+  router.navigate([initialUrl], { fragment: location.hash.substring(1) })
   let lastUrl = initialUrl
+  let lastHash = location.hash
   const observer = new EventsTopic()
   return observer.pipe(filter((e) => e.type === 'navigated')).subscribe(() => {
     const routerUrl = `${location.pathname.substring(getLocation().deploymentPath.length)}${location.search}`
-    if (routerUrl !== lastUrl) {
+    if (routerUrl !== lastUrl || location.hash !== lastHash) {
       lastUrl = routerUrl
-      router.navigateByUrl(routerUrl)
+      lastHash = location.hash
+      router.navigate([routerUrl], { fragment: location.hash.substring(1) })
     }
   })
 }
diff --git a/package-lock.json b/package-lock.json