Javascript 引导4下拉列表不适用于Angular 12

我有一个示例Angular 12项目和Bootstrap 4。除了下拉列表，我的项目中的所有内容都正常工作

这对我来说是行不通的

我已经在我的项目中使用给定的NPM命令安装了jQuery、Popper和Bootstrap：

npm install --save @popperjs/core
npm install --save bootstrap
npm install --save jquery

我还从angular.json中引用了它们：

"styles": [
     "node_modules/bootstrap/dist/css/bootstrap.min.css",
     "src/styles.css"
],
"scripts": [
     "node_modules/jquery/dist/jquery.min.js",
     "node_modules/@popperjs/core/dist/umd/popper.min.js",
     "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

我没有得到任何错误，而且下拉按钮也来了。但问题是，列表并没有在我点击后立即弹出

下面给出了我从中获取的用于测试的示例代码

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

下拉按钮

我是否遗漏了需要添加的内容？

这对我很有用

"scripts": [
     "node_modules/jquery/dist/jquery.min.js", 
     "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]

编辑：omg。这个问题让我很累。我做了几个小时。问题以一种不被注意的方式解决了，我不明白原因。我必须阅读bootstrap.js中的lol。只需将html文件中的表达式

data toggle=“dropdown”

更改为

data bs toggle=“dropdown”

因此：

html格式的

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

下拉按钮

---

注意：我上面共享的

angular.json

示例仍在运行。

让我试试这个。不起作用：（似乎没有什么问题。是否使用“ng serve”重新启动应用程序刷新脚本序列后？我正在使用angular 11。我将打开一个新项目并尝试它。我更新了注释，是的，它解决了问题。当我运行

npm install--save bootstrap

时，它安装了

bootstrap 5

，因此上面提供的下拉按钮的示例代码将不起作用。请为he尝试以下代码re是您的工作示例@AnishB。