Bootstrap navbar не реагирует (немедленно разрушается) - PullRequest
Новая
       15

Bootstrap navbar не реагирует (немедленно разрушается)

0 голосов
/ 11 мая 2018

Я строю MEAN-стек и использую загрузчик для стилизации.Я не трогал оригинальный код, просто добавил несколько операторов маршрутизации и ngIf.Внезапно навигационная панель перестает отвечать на запросы.Когда я нажимаю на переключатель-панель навигации, панель навигации сразу открывается и сворачивается.

Вот мой код: 

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
  <a class="navbar-brand" href="#">VeganGent</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarsExample04">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" routerLink="/home">Home <span class="sr-only"></span></a>
      </li>
      <li class="nav-item" *ngIf="authService.loggedIn()">
        <a class="nav-link" routerLink="/producten">Producten</a>
      </li>
      <li class="nav-item" *ngIf="!authService.loggedIn()">
        <a class="nav-link" routerLink="/registreren">Registreren</a>
      </li>
      <li class="nav-item" *ngIf="!authService.loggedIn()">
        <a class="nav-link" routerLink="/login">Login</a>
      </li>
      <li class="nav-item" *ngIf="authService.loggedIn()">
        <a class="nav-link" routerLink="/profiel">Profiel</a>
      </li>
      <li class="nav-item" *ngIf="authService.loggedIn()">
        <a class="nav-link" (click)="onLogoutClick()" style="cursor: pointer;">Logout</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-md-0">
      <input class="form-control" type="text" placeholder="Search">
    </form>
  </div>
</nav>

1 Ответ

0 голосов
/ 11 мая 2018

Нашел проблему.

Я использовал более старую ссылку jquery. Так что обновил и все заработало нормально.

...