feat: add anchor scrolling / fragment navigation on the current route…

… for serverHtml content (#80)
intershop · Jan 17, 2020 · b067b37 · b067b37
1 parent 1fcb795
commit b067b37
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
+          document.getElementById(href.replace('#', '')).scrollIntoView({ block: 'start', behavior: 'smooth' });
         } else {
           // otherwise handle as routerLink
           this.router.navigateByUrl(href);