angular - bootstrap 4 下拉菜单打开问题

Question

我刚刚将引导程序更新到 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>

我在控制台中没有错误。有人可以帮助我理解这种不正确的行为吗？

标签： angularbootstrap-4

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"

现在我没有看到任何类型的开放问题。