Как удалить ха sh с URL в Angular 9 - PullRequest
1 голос
/ 29 апреля 2020

Существуют десятки подобных вопросов, относящихся к версиям Angular, отличным от 9. Поскольку исправление кажется простым, и я считаю, что оно реализовано, мне интересно, изменилось ли оно в v9.

index. html

<head>
    <base href="/">

app-routing.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

1 Ответ

1 голос
/ 29 апреля 2020

Вы явно указали ссылку для этого, установив директиву 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>

https://angular.io/api/router/RouterLink

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...