Parametry tras w Angular

W Angular trasy mogą być nie tylko sztywno określone, ale także obsługiwać parametry. W ten sposób możemy w jednej trasie zdefiniować całą grupę adresów URL.

Załóżmy, że na przykład chcemy, aby ten sam komponent był dostępny pod adresami: aaaa/1, aaaa/2, aaaa/3 i tak dalej.

Aby to zrobić, należy w trasie określić zmieniającą się część adresu jako parametr. Należy w tym celu wpisać dwukropek i nazwę parametru. W naszym przypadku nadamy naszemu parametrowi nazwę id (możemy nadać dowolną):

app/app.routes.tsconst routes: Routes = [
  { path: 'aaaa/:id', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];
Задание 1

Utwórz trasę z parametrami. Sprawdź, czy dla różnych wartości parametru otwiera się określony komponent.