Marsruutide parameetrite väärtused komponendis Angularis

Parameetrite väärtusi, mida me määratleme marsruutides, saab hankida komponendi klassis. Vaatame, kuidas seda teha. Oletame, et meil on järgmine marsruut parameetritega:

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

Hankime selle parameetri väärtuse komponendi klassis. Siin tuleb tähelepanu pöörata sellele, et marsruudi parameetrite väärtusi saab hankida ainult sellest komponendist, mis on marsruudiga seotud. Meie puhul on marsruudiga seotud Aaaa komponent. Seega töötame edasi sellega.

Seega marsruudi parameetrite väärtuste saamiseks on vaja kasutada teenust ActivatedRoute. Impordime selle oma komponenti:

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

Sisestame teenuse konstruktori:

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

Hankime objekti parameetritega:

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

Hankime meie parameetri väärtuse:

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

Hankige oma parameetrite väärtused.