Marşrut parametrlərinin qiymətləri komponentdə Angularda

Biz marşrutlarda təyin etdiyimiz parametrlərin qiymətlərini komponent sinfində əldə edə bilərik. Gəlin bunu necə edə biləcəyimizə baxaq. Fərz edək ki, parametrləri olan aşağıdakı marşrutumuz var:

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

Gəlin bu parametrin qiymətini komponent sinfində əldə edək. Burada diqqət yetirməliyik ki, marşrut parametrlərinin qiymətlərini yalnız həmin marşrutla əlaqələndirilmiş komponentdə əldə etmək olar. Bizim vəziyyətimizdə marşrut Aaaa komponenti ilə əlaqələndirilib. Ona görə də bundan sonra onunla işləyəcəyik.

Beləliklə, marşrut parametrlərinin qiymətlərini əldə etmək üçün ActivatedRoute servisindən istifadə etmək lazımdır. Gəlin onu komponentimizə import edək:

app/aaaa/aaaa.component.tsimport { ActivatedRoute} from "@angular/router";

Gəlin servisi konstruktora yeritək:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    
  }
}

Gəlin parametrləri olan obyekti əldə edək:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    console.log(params);
  }
}

Gəlin parametrimizin qiymətini əldə edək:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    let id = params['id'];
    console.log(id);
  }
}