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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay