Programatická navigácia v Angular

Prechádzať podľa URL možno nielen pomocou odkazov, ale aj vo vnútri kódu JavaScript, pomocou špeciálnych príkazov.

Robí sa to pomocou služby Router. Pozrime sa, ako s ním pracovať. Na začiatok ho importujme:

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

Teraz ho vložme do komponentu pomocou injekcie závislosti:

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

Služba má metódu navigate, ktorá prechádza na zadanú URL. Využime túto metódu:

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

A teraz zavolajme metódu go po kliknutí na tlačidlo:

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