Navigimi Programor në Angular

Kalimi nëpër URL nuk mund të bëhet vetëm me ndihmën e lidhjeve, por edhe brenda kodit JavaScript, me komanda të veçanta.

Kjo bëhet me shërbimin Router. Le të shohim se si të punohet me të. Për fillim, le ta importojmë atë:

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

Tani le ta injektojmë në komponentë përmes injeksionit të varësisë:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

Shërbimi ka metodën navigate, e cila kalon në një URL të caktuar. Le të përdorim këtë metodë:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

Dhe tani le ta thërrasim metodën go me një klikim në një buton:

app/app.component.html<button (click)="go()">btn</button>