Как передать данные вместе с роутером Link в HTML?

Question

Я пытаюсь передать данные вместе с роутером Link in HTML. У меня есть поиск по всему Google, все еще не могу найти ответ. Я даже пытался сохранить данные в службе, но она не может хранить данные.

Ниже приведен код HTML, я хочу передать данные outpatientRegdList? .Prn вместе с маршрутизатором.

<div class="pandora-box" *ngFor="let outpatientRegdList of outpatientRegdList">
   <div *ngIf="outpatientRegdList?.sexCode ==='F' || outpatientRegdList?.sexCode ==='f'">
      <ion-row class="pandora-wisdom" routerLink="outpatient-settings">
        <ion-col class="pandora-joy">
           {{ outpatientRegdList?.prn     }}<br>
           <strong>{{outpatientRegdList?.title}} {{outpatientRegdList?.firstName}}
                  {{outpatientRegdList?.middleName}} {{outpatientRegdList?.lastName}}</strong><br>             
        </ion-col>
      </ion-row>
   <div>
</div>

Надеюсь, что кто-нибудь мне поможет в этом.

Answer 1

Вы можете отправлять данные в URL через queryParams, как это

<div *ngIf="outpatientRegdList?.sexCode ==='F' || outpatientRegdList?.sexCode ==='f'">
      <ion-row class="pandora-wisdom" routerLink="outpatient-settings" [queryParams]="{ yourQueryFieldName: outpatientRegdList?.prn }">
        <ion-col class="pandora-joy">
           {{ outpatientRegdList?.prn     }}<br>
           <strong>{{outpatientRegdList?.title}} {{outpatientRegdList?.firstName}}
                  {{outpatientRegdList?.middleName}} {{outpatientRegdList?.lastName}}</strong><br>             
        </ion-col>
      </ion-row>
   <div>

После навигации вы можете получить доступ к queryParams на странице с помощью ActivatedRoute

 constructor(private route: ActivatedRoute) { }
 ngOnInit() {
    this.route.queryParams
      .filter(params => params.yourQueryFieldName)
      .subscribe(params => {
        console.log(params); // {yourQueryFieldName: outpatientRegdList?.prn}
      });
  }