Angular 角度-导航栏折叠不响应

我正在学习Angular&我正在尝试在移动屏幕上配置导航栏。我在

angular.json

文件中导入了jQuery、Popper和Bootstrap。现在，当我点击菜单时，什么也没发生。我错过了什么

<nav class="navbar navbar-expand-lg navbar-light bg-light sticky">
  <div class="d-flex flex-grow-1">
      <span class="w-100 d-lg-none d-block"></span>
      <a class="navbar-brand d-none d-lg-inline-block" routerLink="/">
          MA
      </a>
      <a class="navbar-brand-two mx-auto d-lg-none d-inline-block" routerLink="/">
          <img src="//placehold.it/40?text=LOGO" alt="logo">
      </a>
      <div class="w-100 text-right">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNavbar">
              <span class="navbar-toggler-icon"></span>
          </button>
      </div>
  </div>
  <div class="collapse navbar-collapse flex-grow-1 text-right" id="myNavbar">
      <ul class="navbar-nav ml-auto flex-nowrap">
        <li class="nav-item">
            <a class="nav-link m-2 menu-item nav-active" href="#about">About</a>
        </li>
        <li class="nav-item">
            <a class="nav-link m-2 menu-item nav-active" href="#portfolio">Portfolio</a>
        </li>
        <li class="nav-item">
            <a class="nav-link m-2 menu-item" href="#contact">Contact</a>
        </li>
      </ul>
  </div>

这很有效 是否安装npm:~

npm i引导jquery——保存

选项1

在

angular.json

中添加以下内容：~

选项2

在

index.html

中添加以下链接和脚本

---

希望这有帮助

工作正常这就是我在本地主机上运行时发生的情况？这里有一个问题，这意味着您的依赖项没有正确地添加到

angular中。json

是它们的存储方式

    "styles": [
      "src/styles.css",
      "node_modules/bootstrap/dist/css/bootstrap.min.css"
    ],
    "scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
    ],

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>