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