Programová navigace v Angular

Přecházet podle URL lze nejenom pomocí odkazů, ale také uvnitř kódu JavaScriptu, pomocí speciálních příkazů.

To se dělá pomocí služby Router. Podívejme se, jak s ní pracovat. Pro začátek ji importujeme:

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

Nyní ji vložíme do komponenty pomocí injekce závislosti:

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

Služba má metodu navigate, která přejde na zadané URL. Použijme tuto metodu:

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

A nyní zavoláme metodu go po stisknutí tlačítka:

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