Невозможно обнаружить недостаток в 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>

Фото-