Vrednosti parametrov poti v komponenti v Angular

Vrednosti parametrov, ki jih definiramo v usmerjevalnikih, lahko pridobimo v razredu komponente. Poglejmo, kako lahko to naredimo. Naj imamo naslednjo pot s parametri:

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

Pridobimo vrednost tega parametra v razredu komponente. Tukaj je treba biti pozoren na to, da je mogoče vrednosti parametrov poti pridobiti samo v tisti komponenti, ki je vezana na pot. V našem primeru je na pot vezana komponenta Aaaa. Zato bomo nadalje delali z njo.

Torej, za pridobivanje vrednosti parametrov poti je treba uporabiti storitev ActivatedRoute. Uvažamo jo v našo komponento:

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

Vstavimo storitev v konstruktor:

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

Pridobimo objekt s parametri:

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

Pridobimo vrednost našega parametra:

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