1

我正在将 SB Admin2 模板与我的 Angular 7 项目集成。但是侧边栏中的任何链接都不起作用。甚至它们也不能完全点击。但是，如果将路由器链接放在正文包装器中，它应该可以正常工作。

我已经尝试使用 [routerlink] 而不是 routerlink。我在 appmodule 中添加了 routermodule 注意：路由器链接在 index.html 文件中

<li class="nav-item">
  <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
    <i class="fas fa-fw fa-cog"></i>
    <span>Components</span>
  </a>
  <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
    <div routerLink="/add" class="bg-white py-2 collapse-inner rounded">
      <h6 class="collapse-header">Custom Components:</h6>
      <a class="nav-link" routerLink="/add">Buttons</a>
    </div>
  </div>
</li>
4

1 回答 1

1

我认为（不是绝对 100% 确定）您不能在“index.html”文件中使用 [routerLink]，而只能在组件/模板中使用。
无论如何，我认为您应该考虑创建一个新组件，例如“app-page-sidebar”，并将您的侧边栏 html 代码从“index.html”剪切/粘贴到这个新组件模板“page-sidebar.component.html”。
最后在“app-root”组件“app.component.html”中重新排列您的页面以匹配所需的页面结构（<app-page-sidebar></app-page-sidebar> <router-outlet></router-outlet>）
它是模块化的，我保证 [routerLink] 将在这个新组件中工作。

于 2019-09-10T15:44:59.093 回答