Html 使角度布线正常工作时出现问题

我很确定我的应用程序中的路由设置是正确的，因为当我键入正确的路径时，它会带我去并显示正确的信息。我遇到的问题是路由器链路。我相信这和HTML有关？当我点击每个链接时，什么都没有发生。无论如何，我会发布HTML，看看是否有人能指出我可能做错了什么。我还在这里找到了github存储库链接：

JIT管理控制台














家


管理会话


导出扫描码


IMU数据


全球订单日


订单异常报告

---

我期望发生的是，当我单击链接时，它会显示正确的视图，这样我就不必每次都键入路径。

按钮元素中有模糊事件。目前，只要您的注意力不在按钮上，它就会删除section元素。从按钮中删除该模糊事件，并将click事件放在ui元素上，然后将displaySidenav设置为false

<button class="navbar-toggler1 m-0 focusable" (click)="displaySideNav =!displaySideNav;" >
                <i class="icon-menu-bold"></i>
</button>

<ul class="sidebar-links" (click)="displaySideNav = false">
  <li>
    <a routerLink="/home">Home</a>
  </li>
  <li>
    <a routerLink="/manage-sessions">Manage Sessions</a>
  </li>
  <li>
    <a routerLink="/export-scancodes">Export ScanCodes</a>
  </li>
  <li>
    <a routerLink="/imu-data">IMU Data</a>
  </li>
  <li>
    <a routerLink="/global-order-days">Global Order Days</a>
  </li>
  <li>
    <a routerLink="/order-exception-report">Order Exception Report</a>
  </li>
</ul>

家


管理会话


导出扫描码


IMU数据


全球订单日


订单异常报告

为什么要将

RouterModule.forRoot（routes）

包装在一个额外的数组中

[]

？@AlexanderStaroselsky真是想尽一切办法让链接正常工作。当您通过cli设置新的Angular应用程序时，它会询问您是否要使用Angular routing（角度路由），当您单击yes（是）并转到模块（该模块是如何使用该额外阵列进行设置的）时。因此，我从cli复制了它的设置方式，但我想我并不真正需要额外的阵列。

<button class="navbar-toggler1 m-0 focusable" (click)="displaySideNav =!displaySideNav;" >
                <i class="icon-menu-bold"></i>
</button>

<ul class="sidebar-links" (click)="displaySideNav = false">
  <li>
    <a routerLink="/home">Home</a>
  </li>
  <li>
    <a routerLink="/manage-sessions">Manage Sessions</a>
  </li>
  <li>
    <a routerLink="/export-scancodes">Export ScanCodes</a>
  </li>
  <li>
    <a routerLink="/imu-data">IMU Data</a>
  </li>
  <li>
    <a routerLink="/global-order-days">Global Order Days</a>
  </li>
  <li>
    <a routerLink="/order-exception-report">Order Exception Report</a>
  </li>
</ul>