Ruttparametrar i Angular

I Angular kan rutter inte bara vara hårdkodade, utan också stödja parametrar. På så sätt kan vi i en och samma rutt definiera en hel grupp av url:er.

Låt oss säga att vi vill att en och samma komponent ska vara tillgänglig på adresserna: aaaa/1, aaaa/2, aaaa/3 och så vidare.

För att göra detta måste du ange den föränderliga delen av adressen som en parameter. För att göra detta skriver du ett kolon följt av parameterns namn. I vårt fall kommer vi att ge vår parameter namnet id (vi kan ge vilket namn som helst):

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