Angular Skip Link

app.component.html

<div id="skip-link">
    <a [href]="skipLinkPath">Skip to content</a>
</div>


<main id="main-content" class="content">
    <!--Main content goes here-->
</main>

app.component.ts

// in constructor or ngOnInit()
router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
   if( ! this.router.url.endsWith('#main-content')) {
       this.skipLinkPath = `${this.router.url}#main-content`;
   }
});