Masalah dengan Pengalihan Tautan di Angular

Mari kita bahas solusi untuk masalah dengan pengalihan tautan dalam perutean. Masalah ini dapat diselesaikan dengan menggunakan pustaka RxJS, yang sudah termasuk dalam Angular.

Pertama, impor kelas Subscription:

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

Buat properti privat:

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

Buat properti untuk menyimpan parameter dengan nama id:

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

Dan sekarang berlangganan untuk mengubah parameter id dari rute:

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']);
  }
}