Маршрут параметрлерінің мәндерін 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);
	}
}

Өз параметрлеріңіздің мәндерін алыңыз.