Fix the Tag: Prevent default behavior:
<a (click)="onClaimIdClick(element[column])">{{ element[column] }}
Validate Route: Ensure this.router.navigate(['/claims-summary', claimId]); matches the route:
{ path: 'claims-summary/:claimID', component: ClaimsSummaryComponent }
Check Tag: Ensure it's in index.html:
Enable Router Tracing: For debugging, add in app.module.ts:
RouterModule.forRoot(routes, { enableTracing: true });
Optional: Use [routerLink] for simpler navigation:
<a [routerLink]="['/claims-summary', element[column]]">{{ element[column] }}
Please check and lmk if it works