Waardes van roeteparameters in 'n komponent in Angular

Die waardes van parameters wat ons in roetes definieer, kan in die komponentklas verkry word. Kom ons kyk hoe dit gedoen kan word. Gestel ons het die volgende roete met parameters:

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

Kom ons verkry die waarde van hierdie parameter in die komponentklas. Let daarop dat waardes van roeteparameters slegs in die komponent wat aan die roete gekoppel is, verkry kan word. In ons geval is die Aaaa komponent aan die roete gekoppel. Daarom sal ons verder daarmee werk.

Dus, om die waardes van roeteparameters te verkry, moet die ActivatedRoute diens gebruik word. Laat ons dit in ons komponent inbring:

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

Laat ons die diens in die konstruktor inbring:

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

Laat ons die objek met parameters verkry:

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

Laat ons die waarde van ons parameter verkry:

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

Verkry die waardes van jou parameters.