Angular-дағы бағдарламалық навигация

URL мекенжайларына сілтемелер арқылы ғана емес, сонымен қатар JavaScript коды ішінде, арнайы командалар көмегімен де өтуге болады.

Бұл Router сервисі арқылы жасалады. Онымен қалай жұмыс істеуге болатынын қарастырайық. Алдымен оны импорттайық:

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

Енді оны компонентке тәуелділік инъекциясы арқылы енгізейік:

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

Сервисте берілген URL-ге өтетін navigate әдісі бар. Осы әдісті қолданайық:

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

Енді түймені басқанда go әдісін шақырайық:

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