routerLink重写href

Question

我有一个角度项目，我想链接到其他页面上的书签。所以在我的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 }

曾经很好用。

这是预期的行为吗？我想念什么吗？我有较旧的项目，它们使用类似的链接也可以正常工作。还是这是一个角度路由器错误？我的角铁是7.2.0，我的角铁是7.2.15。 任何指针都将不胜感激，因为我一直在调试它。

Answer 1

在单页应用程序（SPA）中，routerLink会将组件加载到路由出口中，而无需重新加载/刷新页面。另一方面，单击href链接将刷新/重新加载整个应用程序，或将应用程序重置为开始状态（状态将被重置）。

您不应同时使用两者，它们将无法正常工作。