Параметры маршрутов в Angular

В Angular маршруты могут быть не только жестко заданными, но и поддерживать параметры. Таким образом мы можем в одном роуте задать целую группу урлов.

Пусть, к примеру, мы хотим, чтобы один и тот же компонент был доступен по адресам: aaaa/1, aaaa/2, aaaa/3 и так далее.

Для этого нужно в маршруте указать изменяющуюся часть адреса в виде параметра. Для этого нужно написать двоеточие и имя параметра. В нашем случае мы дадим нашему параметру имя id (можем дать любое):

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

Сделайте маршрут с параметрами. Проверьте, что открывается заданный компонент для разных значений параметра.