如何從 Angular 9

Question

除了 9 之外，還有許多與 Angular 版本相關的問題。由於修復看起來很簡單，我相信我已經實現了它，我想知道它是否在 v9 中發生了變化。

索引.html

<head>
    <base href="/">

應用程序路由.module.ts

imports: [RouterModule.forRoot(routes, { anchorScrolling: 'enabled', useHash: false })],

組件.html

<a [routerLink]="['/home']" fragment="clients" data-target="#clients"><i class="bx bx-file-blank"></i> <span> Clients</span></a>

URL 顯示在瀏覽器中：

https://localhost:5001/home#clients

Angular 版本：9.1.1

Answer 1

您已通過設置fragment指令明確設置鏈接以執行此操作。

如果您想導航到#clients但不讓它顯示在 URL 中。 使用skipLocationChange ：

<a [routerLink]="['/home']" fragment="clients" skipLocationChange data-target="#clients"><i class="bx bx-file-blank"></i> <span> Clients</span></a>

如果您想要 go 的鏈接到/home/clients 。 刪除片段指令：

<a [routerLink]="['/home']" data-target="#clients"><i class="bx bx-file-blank"></i> <span> Clients</span></a>