Вредности на параметрите на рутите во компонента во 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);
	}
}

Добијте ги вредностите на вашите параметри.