Angular routerlink link 在 sb admin 2 bootstrap 4 模板的侧边栏中不工作

Question

我正在将 SB Admin2 模板与我的 angular 集成 7 project.But 边栏中的任何 link 都不起作用。即使它们完全不可点击。但是，如果将路由器 link 放入 body wrapper 中，它就会正常工作。

我已经尝试使用 [routerlink] 而不是 routerlink.I 在 appmodule 中添加了 routermodule 注意：路由器 link 在 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>

Answer 1

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

Angular routerlink link 在 sb admin 2 bootstrap 4 模板的侧边栏中不工作

Angular routerlink link not working in sidebar of sb admin 2 bootstrap 4 template

sass

bootstrap-4

angular

angular-routerlink