Waarden van routeparameters in component in Angular

De waarden van parameters die we definiëren in routes kunnen worden verkregen in de component class. Laten we eens kijken hoe dit kan. Stel dat we de volgende route hebben met parameters:

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

Laten we de waarde van deze parameter verkrijgen in de component class. Hier is het belangrijk om op te merken dat de waarden van routeparameters alleen kunnen worden verkregen in het component dat is gekoppeld aan de route. In ons geval is het Aaaa component dat aan de route is gekoppeld. Daarom zullen we verder werken met dit component.

Dus, om de waarden van routeparameters te verkrijgen moeten we de service ActivatedRoute gebruiken. Laten we deze importeren in ons component:

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

Laten we de service injecteren in de constructor:

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

Laten we het object met parameters verkrijgen:

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

Laten we de waarde van onze parameter verkrijgen:

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

Verkrijg de waarden van uw parameters.