angular - 无法检测 angular2+ 下拉代码中的缺陷

Question

我正在使用 angular2+ 模板。我想创建一个下拉菜单。它在模板中不可用（creative-tim 模板 angular2）。请让我知道我的代码中的错误是什么，我没有得到下拉菜单。目的是我正在尝试将 Angular2 + 和 NodeJS 与 Neo4j 应用程序集成。

代码 -

sidebar.component.html

  <div class="sidebar-wrapper">
    <ul class="nav">
    <li   routerLinkActive="active" 
    *ngFor="let menuItem of dashboardMenuItems" class=" nav-item nav- 
          dropdown"  appNavDropdown>
        <a class="nav-link nav-dropdown-toggle" href="#" 
       appNavDropdownToggle [routerLink]="[menuItem.path]">
            <i class="now-ui-icons {{menuItem.icon}}"></i>
            <p>{{menuItem.title}}</p>
        </a>


        <ul class="nav-dropdown-items">
          <li class="nav-item">

            <!-- System -->

            <a class="nav-link" routerLinkActive="active" 
           [routerLink]="['/dashboard']">
              <i class="fa fa-laptop"></i> System</a>
          </li>

          <!-- Interface -->

          <li class="nav-item">
            <a class="nav-link" routerLinkActive="active" 
      [routerLink]="['/dashboard']">
              <i class="fa fa-th"></i> Interface</a>
          </li>

          <!-- User -->

          <li class="nav-item">
            <a class="nav-link" routerLinkActive="active" 
       [routerLink]="['/dashboard']">
              <i class="icon-user"></i> User</a>
          </li>

          <!-- Group -->

          <li class="nav-item">
            <a class="nav-link" routerLinkActive="active" 
       [routerLink]="['/dashboard']">
              <i class="fa fa-group"></i> Group</a>
          </li>

          <!-- Role -->

          <li class="nav-item">
            <a class="nav-link" routerLinkActive="active" 
     [routerLink]="['/dashboard']">
              <i class="fa fa-male"></i> Role</a>
          </li>

          <!-- Transaction -->

          <li class="nav-item">
            <a class="nav-link" routerLinkActive="active" 
      [routerLink]="['/dashboard']">
              <i ></i>Transaction</a>
          </li>
        </ul>
      </li>


   </ul>
 </div>

照片 -

标签： angularuser-interfacedrop-down-menuneo4j