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

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

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

import { Subscription } from 'rxjs';

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

export class AaaaComponent {
	private subscription: Subscription;
}

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

export class AaaaComponent {
	id: number | undefined;
	private subscription: Subscription;
}

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

export class AaaaComponent {
	id: number | undefined;
	private subscription: Subscription;

	constructor(private activateRoute: ActivatedRoute) {
		this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
	}
}

แก้ไขปัญหาการสลับลิงก์