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