Route Navigation

Router link navigation

<a [routerLink]="['']">Home</a> |
<a [routerLink]="['user']">User</a>

Note: user path is relative, to use absolute path ( path from root /) use / for ex. <a [routerLink]="['/user']">User</a>

Route navigation from component

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

@Component({
  template: `
      <button (click)="onNavigate()">Go Home</button>
    `
})
export class UserComponent{
  constructor(private router: Router) {}

  onNavigate() {
    this.router.navigate(['/']);
  }
}