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

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

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

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

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

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

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

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

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

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