Name: Router Link for single page to pass data for details page
Rating: 2.7 (911 reviews)
Author: webfaisalbd

Router Link for single page to pass data for details page

Faisal Ahmed - Jul 8 -

- Dev Community

          <button  [routerLink]="['/invoice/payment-history', data?.invoiceId]"  style="margin-right: 5px;" mat-mini-fab matTooltip="View"
          color="accent">
          <mat-icon>remove_red_eye</mat-icon>
        </button>

another way:

 <button (click)="handlePaymentHistory(data?.invoiceId)" style="margin-right: 5px;" mat-mini-fab matTooltip="View"
          color="accent">
          <mat-icon>remove_red_eye</mat-icon>
        </button>

  handlePaymentHistory(invoiceId: any) { 
    this.router.navigate(['/profile', invoiceId])
  }