Valores de los parámetros de rutas en el componente en Angular

Los valores de los parámetros que definimos en las rutas se pueden obtener en la clase del componente. Veamos cómo se puede hacer esto. Supongamos que tenemos la siguiente ruta con parámetros:

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

Obtengamos el valor de este parámetro en la clase del componente. Aquí debemos prestar atención al hecho de que los valores de los parámetros de ruta solo se pueden obtener en el componente que está vinculado a la ruta. En nuestro caso, a la ruta está vinculado el componente Aaaa. Por lo tanto, a continuación trabajaremos con él.

Entonces, para obtener los valores de los parámetros de ruta debemos usar el servicio ActivatedRoute. Importémoslo a nuestro componente:

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

Inyectemos el servicio en el constructor:

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

Obtengamos el objeto con los parámetros:

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

Obtengamos el valor de nuestro parámetro:

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

Obtenga los valores de sus parámetros.