bootstrap 4下拉开启问题

Question

我刚刚更新了bootstrap到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"

现在我没有看到任何开放性问题。