Запретить переход страницы на Router.Navigate

Question

При нажатии на следующую ссылку текущая страница переходит наверх, прежде чем перейти на другую страницу.

<a href="javascript:void(0);" (click)="goToTicket(x.refNo, $event)">{{x.ticketTitle}}</a>

component.ts

  goToTicket(refNo, e) {

    e.preventDefault();
    this.router.navigate(['/ticket/ticket-details'], { queryParams: { id: refNo } });
  }

Как мне предотвратить переход страницы сюда?

Answer 1

Вы должны удалить этот код

href="javascript:void(0);" 

или используйте

<a [routerLink]="['/ticket/ticket-details']" [queryParams]="{ id: x.refNo }">{{x.ticketTitle}}</a>

Answer 2

Вы можете использовать scrollPositionRestoration

, вам просто нужно отключить это в конфигурации маршрутизатора, как это

RouterModule.forRoot(routes, {scrollPositionRestoration: 'disabled'})

Пример Stackblitz