Programmiline navigatsioon Angularis

URL-idele saab navigeerida mitte ainult linkide kaudu, vaid ka JavaScripti koodi sees, spetsiaalsete käskude abil.

Seda tehakse teenuse Router abil. Vaatame, kuidas sellega töötada. Kõigepealt impordime selle:

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

Nüüd sisestame selle komponenti sõltuvuse injekteerimise abil:

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

Teenusel on meetod navigate, mis navigeerib määratud URL-ile. Kasutame seda meetodit:

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

Nüüd kutsume meetodit go välja nupu vajutamisel:

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