Marsruutide parameetrite väärtused komponendis Angularis

Parameetrite väärtusi, mida me määratleme marsruutides, saab hankida komponendi klassis. Vaatame, kuidas seda teha. Oletame, et meil on järgmine marsruut parameetritega:

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

Hankime selle parameetri väärtuse komponendi klassis. Siin tuleb tähelepanu pöörata sellele, et marsruudi parameetrite väärtusi saab hankida ainult sellest komponendist, mis on marsruudiga seotud. Meie puhul on marsruudiga seotud Aaaa komponent. Seega töötame edasi sellega.

Seega marsruudi parameetrite väärtuste saamiseks on vaja kasutada teenust ActivatedRoute. Impordime selle oma komponenti:

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

Sisestame teenuse konstruktori:

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

Hankime objekti parameetritega:

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

Hankime meie parameetri väärtuse:

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