Angular တွင် လင့်ခ်များ ပြောင်းလဲခြင်းပြဿနာ

Routing တွင် လင့်ခ်များ ပြောင်းလဲခြင်းပြဿနာကို ဖြေရှင်းနည်းကို ကြည့်ရှုကြပါစို့။ ဤပြဿနာကို RxJS စာကြည့်တိုက်ကို အသုံးပြု၍ ဖြေရှင်းနိုင်ပါသည်။ ယင်းစာကြည့်တိုက်သည် Angular တွင် ပါဝင်ပြီးသားဖြစ်ပါသည်။

ပထမဦးစွာ Subscription class ကို import လုပ်ပါမည်။

import { Subscription } from 'rxjs';

Private property တစ်ခု ဖန်တီးကြပါစို့။

export class AaaaComponent { 
	private subscription: Subscription;
}

id ဟုခေါ်သော parameter ကို သိမ်းဆည်းရန် property တစ်ခု ဖန်တီးပါမည်။

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

ယခု route မှ id parameter ၏ အပြောင်းအလဲကို subscribe လုပ်ပါမည်။

export class AaaaComponent { 
	id: number | undefined;
	private subscription: Subscription;
	
	constructor(private activateRoute: ActivatedRoute) {
		this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
	}
}

လင့်ခ်များ ပြောင်းလဲခြင်းပြဿနာကို ဖြေရှင်းပါ။