Vấn đề chuyển đổi liên kết trong Angular

Hãy cùng phân tích giải pháp cho vấn đề với việc chuyển đổi liên kết trong định tuyến. Vấn đề này có thể được giải quyết bằng thư viện RxJS, vốn đã được tích hợp sẵn trong Angular.

Đầu tiên, hãy import lớp Subscription:

import { Subscription } from 'rxjs';

Tạo một thuộc tính private:

export class AaaaComponent {
	private subscription: Subscription;
}

Tạo một thuộc tính để lưu tham số với tên id:

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

Và bây giờ hãy đăng ký theo dõi sự thay đổi của tham số id từ route:

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

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

Giải quyết vấn đề với việc chuyển đổi liên kết.