Арзишҳои параметрҳои роҳҳо дар компонент дар Angular

Арзишҳои параметрҳо, ки мо дар роҳҳо муайян мекунем, дар синфи компонент гирифтан мумкин аст. Биёед бинем, ки ин чӣ гуна кардан мумкин аст. Бигзор мо роҳи зеринро бо параметрҳо дорем:

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

Биёед арзиши ин параметрро дар синфи компонент гирем. Дар ин ҷо бояд диққат дод, ки арзишҳои параметрҳои роҳро танҳо дар он компоненте гирифтан мумкин аст, ки ба роҳ пайваст шудааст. Дар ҳолати мо ба роҳ компоненти Aaaa пайваст аст. Аз ин рӯ, дар оянда бо он кор мекунем.

Пас, барои гирифтани арзишҳои параметрҳои роҳ бояд хизматрасонии 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);
	}
}

Арзишҳои параметрҳои худро гиред.