Angular'da Programlı Navigasyon
URL'ler arasında geçiş yapmak sadece bağlantılar (linkler) ile değil, aynı zamanda JavaScript kodu içinde, özel komutlar kullanılarak da yapılabilir.
Bu, Router servisi kullanılarak yapılır.
Hadi onunla nasıl çalışılacağına bir göz atalım. İlk
olarak onu içe aktaralım:
import { Router } from "@angular/router";
Şimdi, bağımlılık enjeksiyonu (dependency injection) kullanarak komponente enjekte edelim:
export class AppComponent {
constructor(private router: Router) {
}
}
Servisin, belirtilen URL'ye giden navigate
adlı bir metodu vardır.
Bu metodu kullanalım:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Ve şimdi go metodunu bir butona
tıklandığında çağıralım:
<button (click)="go()">btn</button>
İki buton yapın. İlkinin bir URL'ye, ikincisinin ise başka bir URL'ye yönlendirmesini sağlayın.
