Angular 17.1 – New Router info Parameter

Merhaba,

Bu içeriğimizde router navigation özelliğiyle ilgili bilgileri depolamak için kullanabileceğimiz, Angular 17.1 ile gelmiş olan info parametresini inceliyor olacağız.

info parametresinin kullanımı yönlendirici linkler üzerine aşağıdaki gibi oldukça basittir;

  <a routerLink="child-1" [info]="{pageTitle:'Child 1'}">Child 1</a>
  <a routerLink="child-2" [info]="{pageTitle:'Child 2'}">Child 2</a>

Bu şekilde info parametresiyle taşınan verileri elde etmek için router nesnesinin event’ine aşağıdaki gibi subscribe olunması yeterli olacaktır.

export class AppComponent {
  constructor(private router: Router) { }
  ngOnInit(): void {
    this.router.events
      .pipe(filter(e => e instanceof NavigationEnd))
      .subscribe(info => console.log(this.router.getCurrentNavigation()?.extras.info));
  }
}

Görüldüğü üzere info parametresine eklenen değere NavigationExtras objesinin bir parçası olarak erişilebilmektedir.

Ayrıca unutulmamalıdır ki, info parametresine verilen değer tarayıcı geçmişinde kalıcılık göstermemekte, ileri-geri düğmelerine basıldığı taktirde URL’e yansıtılmamaktadır. Yani anlayacağınız info parametresi üzerinden kullanılan değerler, belirli durumlarda kullanılmak istenebilecek geçici bilgilerdir diyebiliriz.

İlgilenenlerin faydalanması dileğiyle…
Sonraki yazılarımda görüşmek üzere…
İyi çalışmalar…