DEV Community

Faisal Ahmed
Faisal Ahmed

Posted on

Router Link for single page to pass data for details page 

          <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>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode 
  handlePaymentHistory(invoiceId: any) { 
    this.router.navigate(['/profile', invoiceId])
  }
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

drupaladmin profile image

MySQL Not Responding? A Simple Guide to Diagnosing and Fixing It

Roman Agabekov -

antoniodev profile image

Dev Log #14 - Phaser.js and game dev

Devtonian -

adityabhuyan profile image

The Ultimate Guide to Design Patterns in Software Engineering

Aditya Pratap Bhuyan -

kurealnum profile image

Finally figured out a whole bunch of Nginx regex. It's more confusing than normal regex somehow

Oscar -