防止在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 example