Programmatiese navigasie in Angular

Om na URL's te navigeer kan nie net met skakels gedoen word nie, maar ook binne JavaScript-kode, met behulp van spesiale opdragte.

Dit word gedoen met behulp van die diens Router. Kom ons kyk hoe om daarmee te werk. Vir die begin, laai ons dit in:

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

Laat ons dit nou in die komponent inbring met behulp van afhanklikheidsinplasering:

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

  }
}

Die diens het die metode navigate, wat na die gespesifiseerde URL navigeer. Laat ons hierdie metode gebruik:

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

  }

  go() {
    this.router.navigate(['/aaaa/']);
  }
}

En laat ons nou die metode go aktiveer deur op 'n knoppie te klik:

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