防止在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示例