Angular'da Bağlantı Değiştirme Problemi

Yönlendirmede bağlantı değiştirme problemiyle çözümüne bir göz atalım. Bu problem, Angular'da halihazırda bulunan RxJS kütüphanesi kullanılarak çözülebilir.

Başlangıç olarak Subscription sınıfını içe aktaralım:

app/aaaa/aaaa.component.tsimport { Subscription } from 'rxjs';

Bir özel özellik tanımlayalım:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  private subscription: Subscription;
}

id adlı parametreyi saklamak için bir özellik oluşturalım:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  id: number | undefined;
  private subscription: Subscription;
}

Şimdi rotadan gelen id parametresindeki değişikliklere abone olalım:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  id: number | undefined;
  private subscription: Subscription;
  
  constructor(private activateRoute: ActivatedRoute) {
    this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
  }
}