Angular 和 Bootstrap：数据切换不适用于 Angular

Question

<nav class="navbar navbar-expand bg-light navbar-light fixed-top">
  
  <div class="fixed-top">
    <div class="collapse" id="navbarToggleExternalContent">
      <div class="bg-dark p-4">
        <h5 class="text-white h4">Collapsed content</h5>
        <span class="text-muted">Toggleable via the navbar brand.</span>
      </div>
    </div>
    <nav class="navbar navbar-dark bg-dark">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </nav>
  </div>
</nav>

我不知道为什么，但是数据切换在我的 Angular 代码库中根本不起作用，尽管我还在 angular.json 中安装并导入了 Bootstrap 和 JQuery。切换器图标根本不显示。你们知道如何检查为什么会这样吗？

Answer 1

您好，您需要运行以下命令才能进入您的 Angular 应用程序：

 npm install popper.js --save

之后还将 popper.js 文件路径添加到您的 angular.json 脚本部分

大富翁

谢谢