Programinė navigacija Angular

Pereiti pagal URL galima ne tik su nuorodų pagalba, bet ir JavaScript kode, naudojant specialias komandas.

Tai daroma naudojant servisą Router. Pažiūrėkime, kaip su juo dirbti. Pirmiausia jį importuokime:

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

Dabar įdiegkime jį į komponentą naudodami priklausomybių injekciją:

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

Servisas turi metodą navigate, kuris pereina į nurodytą URL. Panaudokime šį metodą:

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

Dabar iškviečiamą metodą go paspaudus ant mygtuko:

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