add anchor scrolling / fragment navigation for serverHtml content

intershop · Jan 13, 2020 · 3a4e6ea · 3a4e6ea
1 parent 304d321
commit 3a4e6ea
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/app/core/directives/server-html.directive.ts b/src/app/core/directives/server-html.directive.ts
@@ -99,7 +99,11 @@ export class ServerHtmlDirective implements AfterContentInit, AfterViewInit, OnD
         }
 
         if (cb && this.callbacks && typeof this.callbacks[cb] === 'function') {
+          // handle links with callback functions, e.g. <a callback="availableCallbackFunction">
           this.callbacks[cb]();
+        } else if (href.startsWith('#')) {
+          // handle fragment links / anchor navigation
+          this.router.navigate([this.router.url.split('#')[0]], { fragment: href.replace('#', '') });
         } else {
           // otherwise handle as routerLink
           this.router.navigateByUrl(href);