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:
import { Router } from "@angular/router";
Tagad ievietosim to komponentē, izmantojot atkarību injicēšanu:
export class AppComponent {
constructor(private router: Router) {
}
}
Servisam ir metode navigate,
kas pārvietojas uz norādīto URL.
Izmantosim šo metodi:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Un tagad izsauksim metodi go, noklikšķinot
uz pogas:
<button (click)="go()">btn</button>
Izveidojiet divas pogas. Ļaujiet pirmajai pārvietoties uz vienu URL, bet otrajai - uz citu.
