Thamani za Vigezo vya Njia katika Sehemu ya Angular

Thamani za vigezo ambavyo tunazobainisha katika njia, zinaweza kupatikana katika darasa la sehemu. Tuangalie jinsi hii inaweza kufanyika. Hebu tuwe na njia ifuatayo yenye vigezo:

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

Wacha tupate thamani ya kigezo hiki katika darasa la sehemu. Hapa inapaswa kuzingatiwa kwamba thamani za vigezo vya njia zinaweza kupatikana tu katika sehemu ambayo imeunganishwa na njia. Katika kesi yetu, sehemu ya Aaaa imeunganishwa na njia. Kwa hivyo, tutaendelea kufanya kazi nayo.

Kwa hivyo, ili kupata thamani za vigezo vya njia unahitaji kutumia huduma ya ActivatedRoute. Wacha tuiingize katika sehemu yetu:

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

Wacha tuitilie ndani huduma hiyo kwenye kiraka:

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

Wacha tupate kitu kilicho na vigezo:

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

Wacha tupate thamani ya kigezo chetu:

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