Angular-da marshrut parametrlarining qiymatlarini komponentda olish

Biz marshrutlarda belgilaydigan parametrlar qiymatlarini komponent klassida olish mumkin. Keling, buni qanday qilishni ko'rib chiqaylik. Quyidagi parametrlar bilan marshrut mavjud deb faraz qilaylik:

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

Keling, ushbu parametrning qiymatini komponent klassida olamiz. Bu yerda shunga e'tibor berish kerakki, marshrut parametrlarining qiymatlarini faqat shu marshrutga bog'langan komponentda olish mumkin. Bizning holatda, marshrutga Aaaa komponenti bog'langan. Shuning uchun bundan keyin u bilan ishlaymiz.

Xo'sh, marshrut parametrlarining qiymatlarini olish uchun ActivatedRoute servisidan foydalanish kerak. Uni komponentimizga import qilamiz:

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

Servisni konstruktorga inject qilamiz:

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

Parametrlar bilan ob'ektni olamiz:

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

Parametrimizning qiymatini olamiz:

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

Parametrlaringizning qiymatlarini oling.