Angular komponentinde ýollaryň parametrleriniň bahalary

Routlarda kesgitleýän parametrlerimiziň bahalaryny komponentiň klasynda alyp bolýar. Geliň, muny nädip edip boljakdygyna göz aýlalyň. Bizde parametrleri bar şeýle bir ýol bolsun:

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

Geliň, bu parametriň bahasyny komponentiň klasynda alyň. Şu ýere üns bermeli: ýollaryň parametrleriniň bahalaryny diňe şol ýola baglanşykly komponentde alyp bolýar. Bizim ýagdaýymyzda, ýola Aaaa komponenti baglanşykly. Şonuň üçin indilik onuň bilen işleris.

Şeýlelikde, ýollaryň parametrleriniň bahalaryny alyp üçin ActivatedRoute serwisini ulanmaly. Ony komponentimize import edeliň:

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

Serwisi konstruktora çägireliň:

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

Parametrleriň objektiň alyň:

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

Parametrimiziň bahasyny alyň:

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

Öz parametrleriňiziň bahalaryny alyň.