Vlerat e Parametrave të Rrugëve në Komponent në Angular

Vlerat e parametrave që përcaktojmë në rrugët, mund të merren në klasën e komponentit. Le të shohim se si mund të bëhet kjo. Le të themi se kemi rrugën e mëposhtme me parametra:

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

Le të marrim vlerën e këtij parametri në klasën e komponentit. Këtu duhet t'i kushtohet vëmendje faktit që vlerat e parametrave të rrugës mund të merren vetëm në atë komponent që është i lidhur me rrugën. Në rastin tonë, komponenti Aaaa është i lidhur me rrugën. Prandaj, më tej do të punojmë me të.

Pra, për të marrë vlerat e parametrave të rrugës duhet përdorur shërbimin ActivatedRoute. Le ta importojmë atë në komponentin tonë:

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

Le ta injektojmë shërbimin në konstruktor:

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

Le të marrim objektin me parametrat:

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

Le të marrim vlerën e parametrit tonë:

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

Merrni vlerat e parametrave tuaj.