Maršrutēšanas saites Angular
Iepriekšējās nodarbībās mēs manuāli ierakstījām URL adreses joslā. Tagad izveidosim saites, uz kurām noklikšķinot, tiks parādīti dažādi komponenti.
Lai to izdarītu, mēs veidosim saites īpašā veidā. Lieta ir tāda, ka mums nav vajadzīga īsta pāreja pa saitēm. Mēs vienkārši vēlamies, lai Angular parāda citu komponentu, maina URL pārlūkprogrammas adreses joslā un to darot, neatjaunina lapu.
Tāpēc vietā vietējā atribūta href
mēs izmantosim Angular atribūtu
RouterLink.
Lai to izdarītu, mums tas ir jāimportē:
import { RouterLink } from '@angular/router';
Jānorāda dekoratorā:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Tagad mēs varam izveidot mūsu saitēs:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Izveidojiet saites, kas pārslēdz jūsu komponentus.
