Nuorodos maršrutiškumui Angular
Ankstesnėse pamokose mes rankiniu būdu įvedome URL į adreso eilutę. Dabar sukurkime nuorodas, kurių paspaudimas rodys įvairius komponentus.
Norėdami tai padaryti, nuorodas darysime ypatingu būdu. Esmė ta, kad mums nereikia tikro perėjimo pagal nuorodas. Mes tiesiog norime, kad Angular parodytų kitą komponentą, pakeistų URL naršyklės adreso eilutėje ir tuo pačiu neperkrautumų puslapio.
Todėl vietoj gimtojo atributo href
mes naudosime Angular atributą
RouterLink.
Norėdami tai padaryti, turime jį importuoti:
import { RouterLink } from '@angular/router';
Nurodyti dekoratoriuje:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Dabar galime sukurti savo nuorodas:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Sukurkite nuorodas, kurios perjungia jūsų komponentus.
