Программна навигация в Angular

Преминаването към URL адреси може да стане не само с помощта на връзки, но и в кода на JavaScript, с помощта на специални команди.

Това се прави с помощта на услугата Router. Нека да видим как да работим с нея. За начало ще я импортираме:

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

Сега ще я внедрим в компонента чрез инжекция на зависимост:

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

Услугата има метод navigate, който отива на зададен URL. Нека използваме този метод:

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>