Explicación: Rutas y navegación

6. RouterLink

src/app/app.ts, metemos el RouterLink

import { Component, signal } from '@angular/core';
import { RouterLink, RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet,RouterLink],
  templateUrl: './app.html',
  styleUrl: './app.css'
})
export class App {
  protected readonly title = signal('routing');
}

app.html

<h1>Routing funcionando</h1>
<nav>
  <a routerLink="/inicio">Inicio</a> |
  <a routerLink="/productos">Productos</a>
</nav>

<router-outlet />