SEO-SPA: Virtual Anchor

bad-link.component.ts

import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-bad-link',
  template: `
    <p (click)="onSelfClick()">
      bad-link works!
    </p>
  `,
  styleUrls: ['./bad-link.component.scss']
})
export class BadLinkComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit() {
  }

  onSelfClick() {
    this.router.navigate(['/some-page']);
  }
}