Html 角度2-指向当前页面上元素的锚定链接

如果问题标题不清楚，我有一个带有“链接”部分的网页，因此有人可以单击该链接并将其带到同一模板上的元素。这并不一定意味着更改URL

我尝试过的要点是：

<a href="#sectionA>Section A</a>
<a href="#sectionB>Section B</a>
<a href="#sectionC>Section C</a>
<br/>
<div id="sectionA">
   <p> Content for A </p>
</div>
<div id="sectionB">
   <p> Content for B </p>
</div>
<div id="sectionC">
   <p> Content for C </p>
</div>

上述路由将导出到主app.component路由：

export const appRoutes: Routes = [
  ...CurrentComponentRoutes,
  ...OtherRoutes
];

export const routing: ModuleWithProviders = RouterModule.forRoot(approot);

---

然后将导出路由导入主app.module。此外，我在index.html文件中设置了base href。

与pe8ter的答案相关，似乎它也可以被[routerLink]激活

---

请看看这是否有帮助

我所看到的唯一可能有效的方法是。

export const CurrentComponentRoutes: Route[] = [
  {
    path: 'currentPage',
    component: CurrentComponent
  },
  {
    path: 'currentPage/:ID',
    component: CurrentComponent
  }
];

export const appRoutes: Routes = [
  ...CurrentComponentRoutes,
  ...OtherRoutes
];

export const routing: ModuleWithProviders = RouterModule.forRoot(approot);