Link-uri pentru rutare în Angular
În lecțiile anterioare, am introdus manual URL-ul în bara de adresă. Să creăm acum link-uri, a căror navigare va afija diverse componente.
Pentru aceasta, vom face link-uri într-un mod special. chestia este că nu avem nevoie de o navigare reală pe link-uri. Doar vrem ca Angular să afișeze altă componentă, să modifice URL-ul în bara de adresă a browser-ului și, în același timp, să nu reîmprospăteze pagina.
De aceea, în loc de atributul nativ href
vom folosi atributul Angular
RouterLink.
Pentru aceasta, trebuie să îl importăm:
import { RouterLink } from '@angular/router';
Să declarăm în decorator:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Acum putem face link-urile noastre:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Creați link-uri care să comute componentele voastre.
