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):

app/app.routes.tsconst routes: Routes = [
  { path: 'aaaa/:id', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];