მარშრუტის პარამეტრების მნიშვნელობები კომპონენტში 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);
	}
}

მიიღეთ თქვენი პარამეტრების მნიშვნელობები.