Links til routing i Angular
I de foregående lektioner indtastede vi URL'en manuelt i adresselinjen. Lad os nu lav links, hvor klik på dem vil vise forskellige komponenter.
For at gøre dette vil vi lave links på en speciel måde. Sagt lige ud, har vi ikke brug for en rigtig navigation ved klik på links. Vi ønsker blot, at Angular viser en anden komponent, ændrer URL'en i browserens adresselinje og ikke opdaterer siden.
Derfor, i stedet for den native attribut href
vil vi bruge Angulars attribut
RouterLink.
For at gøre dette skal vi importere den:
import { RouterLink } from '@angular/router';
Deklarer i dekoratøren:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Nu kan vi lave vores links:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Lav links, der skifter mellem dine komponenter.
