Проблема CSS-меню в угловом проекте

Question

Я пытаюсь добавить меню начальной загрузки в мой угловой проект. Это код

  <ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link active" href="#">User</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Customer</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">OL User</a>
    </div>
  </li>

</ul>

Проблема в том, что, когда я нажимаю ссылку клиента, URL перенаправляется на localhost:4200/# и подменю не открывается. ниже методы кода, которые я использовал для проецирования:

app.component.ts

import {HashLocationStrategy, LocationStrategy} from '@angular/common';

app.routing.module.ts

@NgModule({
  imports: [RouterModule.forRoot(routes,{useHash: true})],
  exports: [RouterModule],

})

Answer 1

Локальные перенаправления в Angular обычно выполняются с использованием routerLink:

Из DOCS

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" queryParamsHandling="merge">
  link to user component
</a>

Подробнее о Угловая маршрутизация

---

Вы можете использовать href, если хотите. Но самая большая проблема в том, что вы не связали компонент с маршрутом.

Взгляните на этот пример