Angular Routing with Hashtag to page anchor

page.component.ts

export class PageComponent implements OnInit {

  private fragment: string;

  constructor(private route: ActivatedRoute) {
  }

  ngOnInit() {
    this.route.fragment.subscribe(fragment => {      
      if (fragment) {
        document.querySelector('#' + fragment).scrollIntoView();
      }
    });
  }
}

page.html

<a  [routerLink]="['/your-page']" fragment="yourAnchorId">Go to content</a>
...
<div id="yourAnchorId">Content</div>

In my case I had to add "anchorScrolling" in the file app.config.ts:

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(
    routes, 
    withComponentInputBinding(),
    withInMemoryScrolling({scrollPositionRestoration: "top", anchorScrolling: "enabled"})),
    provideClientHydration()
  ]
};