Vlerat e Parametrave të Rrugëve në Komponent në Angular

Vlerat e parametrave që përcaktojmë në rrugët, mund të merren në klasën e komponentit. Le të shohim se si mund të bëhet kjo. Le të themi se kemi rrugën e mëposhtme me parametra:

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

Le të marrim vlerën e këtij parametri në klasën e komponentit. Këtu duhet t'i kushtohet vëmendje faktit që vlerat e parametrave të rrugës mund të merren vetëm në atë komponent që është i lidhur me rrugën. Në rastin tonë, komponenti Aaaa është i lidhur me rrugën. Prandaj, më tej do të punojmë me të.

Pra, për të marrë vlerat e parametrave të rrugës duhet përdorur shërbimin ActivatedRoute. Le ta importojmë atë në komponentin tonë:

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

Le ta injektojmë shërbimin në konstruktor:

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

Le të marrim objektin me parametrat:

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

Le të marrim vlerën e parametrit tonë:

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