Programmatiska navigācija Angular

Pārvietoties pa URL var ne tikai ar hipersaites palīdzību, bet arī JavaScript kodā, izmantojot īpašas komandas.

Tas tiek darīts, izmantojot servisu Router. Paskatīsimies, kā ar to strādāt. Sākumā importēsim to:

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

Tagad ievietosim to komponentē, izmantojot atkarību injicēšanu:

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

Servisam ir metode navigate, kas pārvietojas uz norādīto URL. Izmantosim šo metodi:

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

Un tagad izsauksim metodi go, noklikšķinot uz pogas:

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