79607097

Date: 2025-05-05 14:22:30
Score: 1
Natty:
Report link

Had similar issue to what @ktsangop described but in my case there was click event listener along with routerLink directive, and the navigation from routerLink was interrupted by the one in event listener leading to unexpected behaviour

Html code:

<a
  mat-tab-link
  [routerLink]="tab.link"
  (click)="selectTab($event, tab)"
>
  {{ tab.label | translate }}
</a>

Ts code:

 public selectTab(event: Event, tab: Tab): void {
  event.preventDefault();
  event.stopPropagation();

  this.router.navigateByUrl(tab.link);
}
Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • User mentioned (1): @ktsangop
  • Low reputation (1):
Posted by: keydownmonkey