начальный выпуск раскрывающегося списка начальной загрузки

Question

Я только что обновил boottrap до v4, и теперь в моем приложении angular 5 возникла проблема с выпадающим меню. Мне нужно дважды щелкнуть, чтобы открыть меню в первый раз, когда я хочу открыть его, после этого оно работает хорошо.

Это код:

<div class="dropdown col-md-2 offset-md-2">
  <button type="button" class="btn btn-round btn-info dropdown-toggle float-right" data-toggle="dropdown">
     <i class="material-icons">build</i>
     <span class="caret"></span>
  </button>
  <ul class="dropdown-menu dropdown-menu-right" role="menu">
    <li (click)="print()">
       <a href="javascript:void(0)">{{'refund.detail.actions.print' | translate }}</a>
    </li>
    <li data-toggle="modal" data-target="#emailModal" (click)="setEmailData()">
         <a href="javascript:void(0)">{{'movement.detail.actions.email' | translate }}</a>
    </li>
  </ul>
</div>

У меня нет ошибок в консоли. Может ли кто-нибудь помочь мне понять это неправильное поведение?

Answer 1

В моем случае я нашел решение для импорта пакетов в файле angular.cli.json в следующем порядке:

"../node_modules/jquery/dist/jquery.js",
"../node_modules/popper.js/dist/umd/popper.js",
"../node_modules/bootstrap-material-design/dist/js/bootstrap-material-design.min.js"

Сейчас я не вижу никаких открывающихся выпусков.