Masalah dengan Penukaran Pautan dalam Angular

Mari kita analisis penyelesaian kepada masalah dengan penukaran pautan dalam penghalaan. Masalah ini boleh diselesaikan dengan menggunakan pustaka RxJS, yang sudah termasuk dalam Angular.

Sebagai permulaan, import kelas Subscription:

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

Mari buat sifat peribadi:

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

Buat sifat untuk menyimpan parameter dengan nama id:

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

Dan sekarang langgan kepada perubahan parameter id daripada laluan:

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