Angular Router memungkinkan navigasi antar halaman tanpa reload.

Konfigurasi Route

// app.routes.ts
export const routes: Routes = [
  { path: "", component: HomeComponent },
  { path: "about", component: AboutComponent },
  { path: "**", component: NotFoundComponent },
]

Router Outlet

<nav>
  <a routerLink="/">Home</a>
  <a routerLink="/about">About</a>
</nav>
<router-outlet />

routerLinkActive

<a routerLink="/" routerLinkActive="active"
   [routerLinkActiveOptions]="{ exact: true }">
  Home
</a>

Navigasi Programatis

constructor(private router: Router) {}

goToAbout() {
  this.router.navigate(["/about"])
}