Routeparameters in Angular
In Angular kunnen routes niet alleen vast ingesteld zijn, maar ook parameters ondersteunen. Op deze manier kunnen we in één route een hele groep URLs definiëren.
Stel, we willen dat één en
dezelfde component toegankelijk is via de adressen:
aaaa/1, aaaa/2, aaaa/3
en zo verder.
Hiervoor moeten we in de route het
variabele deel van het adres opgeven als een parameter.
Daarvoor moeten we een dubbele punt en de naam
van de parameter schrijven. In ons geval geven we onze
parameter de naam id (we kunnen elke naam geven):
const routes: Routes = [
{ path: 'aaaa/:id', component: AaaaComponent },
{ path: 'bbbb', component: BbbbComponent },
];
Maak een route met parameters. Controleer dat de opgegeven component wordt geopend voor verschillende parameterwaarden.
