Маршрут параметрларининг қийматларини Angular компонентида олиш

Биз роутларда белгилаб қўйган параметрларнинг қийматларини компонент классасида олиш мумкин. Бундай қилиб олишни кўриб чиқайлик. Фарз қилайлик, бизда қуйидаги параметрлар билан маршрут мавжуд:

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

Ушбу параметрнинг қийматини компонент классасида олиб кўрайлик. Бу ерда шунингга диққат қилиш керакки, маршрут параметрларининг қийматларини фақатгина ўша маршрутга богланган компонентдагина олиш мумкин. Бизнинг ҳолимизда маршрутга Aaaa компоненти богланган. Шу sababli keyingi ishni шу компонент билан оличамиз.

Хўш, маршрут параметрларининг қийматларини олиш учун ActivatedRoute сервисидан фойдаланиш керак. Уни бизнинг компонентимизга импорт қиламиз:

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

Сервисни конструкторга инжект қиламиз:

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

Параметрлар билан объект оламиз:

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

Бизнинг параметрнинг қийматини оламиз:

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

Ўз параметрларингизнинг қийматларини олинг.