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:

app/app.routes.tsconst 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:

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

Servisni konstruktorga inject qilamiz:

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

Parametrlar bilan ob'ektni olamiz:

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

Parametrimizning qiymatini olamiz:

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