ปัญหาการสลับลิงก์ใน Angular

มาดูวิธีแก้ปัญหาการสลับลิงก์ในการกำหนดเส้นทางกัน ปัญหานี้สามารถแก้ไขได้โดยใช้ไลบรารี RxJS, ซึ่งถูกรวมมาใน Angular แล้ว

เริ่มต้น นำเข้าคลาส Subscription:

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

สร้างคุณสมบัติส่วนตัว:

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

สร้างคุณสมบัติสำหรับเก็บพารามิเตอร์ชื่อ id:

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

และตอนนี้ สมัครสมาชิกเพื่อติดตามการเปลี่ยนแปลงของพารามิเตอร์ id จากเส้นทาง:

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