Marsruutimislingid Angularis
Eelmistes õppetundides sisestasime URLi käsitsi aadressiribale. Teeme nüüd lingid, millele klõpsates kuvatakse erinevaid komponente.
Selleks teeme lingid spetsiaalsel viisil. Asi on selles, et meil ei ole vaja tõelist lehele minekut. Me lihtsalt tahame, et Angular kuvaks teise komponendi, muudaks URLi brauseri aadressireal ja ei värskendaks lehte.
Seetõttu loomuliku atribuudi href asemel
kasutame Angulari atribuuti
RouterLink.
Selleks peame selle importima:
import { RouterLink } from '@angular/router';
Määrama dekoratuuris:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Nüüd saame teha oma lingid:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Tehke lingid, mis lülitavad teie komponente.
