routerLink переписывает href - PullRequest
Новая
       12

routerLink переписывает href

0 голосов
/ 14 мая 2019

У меня есть угловой проект, где я хочу сделать ссылку на закладки на других страницах. Так что в моем HTML у меня есть такие ссылки: 

<a href="#products" routerLink="overview">products</a>

но когда страница компилируется и запускается, я вижу, что эта ссылка переписывается примерно так: 

<a _ngcontent-kfm-c5="" href="/overview/overview" routerlink="overview" ng-reflect-router-link="overview">products</a>

с очевидным эффектом ссылки не работает.

В app-router.module.ts маршруты определены как 

  { path: 'main', component: MainComponent },
  { path: 'overview', component: OverviewComponent },
  { path: '', redirectTo: '/main', pathMatch: 'full' },
  { path: '**', component: MainComponent }

который раньше работал нормально.

Это ожидаемое поведение? Я что-то пропустил? У меня есть старые проекты, которые используют аналогичные ссылки, которые работают нормально. Или это ошибка углового роутера? Мой angular-core - 7.2.0, а мой угловой маршрутизатор - 7.2.15. Любые указатели очень ценятся, так как я застрял, отлаживая это.

1 Ответ

0 голосов

В одностраничном приложении (SPA), routerLink загрузит компонент в розетку маршрутизатора без перезагрузки / обновления страницы.С другой стороны, нажатие на ссылку href обновит / перезагрузит все приложение или вернет приложение к началу (состояние будет сброшено).

вы не должны использовать оба одновременно, они будутне работает правильно.

...