# Значения параметров маршрутов в компоненте в Angular

Значения параметров, которые мы определяем в роутах, можно получать в классе компонента. Давайте посмотрим, как это можно делать. Пусть у нас есть следующий маршрут с параметрами:

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

Давайте получим значение этого параметра в классе компонента. Здесь следует обратить внимание на то, что значения параметров маршрута можно получать только в том компоненте, который привязан к маршруту. В нашем случае к маршруту привязан `Aaaa` компонент. Поэтому дальше будем работать с ним.

Итак, для получения значений параметров маршрута нужно использовать сервис `ActivatedRoute`. Импортируем его в наш компонент:

`import { ActivatedRoute} from "@angular/router";`

Внедрим сервис в конструктор:

`export class AaaaComponent { constructor(private activateRoute: ActivatedRoute) { } }`

Получим объект с параметрами:

`export class AaaaComponent { constructor(private activateRoute: ActivatedRoute) { let params = activateRoute.snapshot.params; console.log(params); } }`

Получим значение нашего параметра:

`export class AaaaComponent { constructor(private activateRoute: ActivatedRoute) { let params = activateRoute.snapshot.params; let id = params['id']; console.log(id); } }`

Получите значения ваших параметров.

← →
↑