Programozott navigáció az Angular-ban

Az URL-ek között nem csak linkek segítségével lehet navigálni, hanem JavaScript kódban is, speciális parancsokkal.

Ezt a Router szolgáltatással tehetjük meg. Nézzük meg, hogyan kell dolgozni vele. Először importáljuk:

app/app.component.tsimport { Router } from "@angular/router";

Most injektáljuk be a komponensbe a függőséginjektálás segítségével:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

A szolgáltatásnak van egy navigate metódusa, ami a megadott URL-re navigál. Használjuk ezt a metódust:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

Most hívjuk meg a go metódust egy gomb megnyomásakor:

app/app.component.html<button (click)="go()">btn</button>