相关疑难解决方法(0)

Bootstrap 5 下拉菜单在 Angular 12 上不起作用

我正在尝试在 Angular 12 中添加 Bootstrap 5 下拉列表,但它不起作用。

我已经安装了所有必需的软件包,并将它们添加到angular.json文件中。

从 Bootstrap 5 文档复制了确切的示例,但仍然不起作用。

angular.json我已经给出

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/popper.js/dist/umd/popper.min.js",
    "node_modules/bootstrap/dist/js/bootstrap.min.js"
]
Run Code Online (Sandbox Code Playgroud)

下面是我的 HTML 代码(与 Bootstrap 5 文档中的相同)

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data- 
bs-toggle="dropdown" aria-expanded="false">
Dropdown button
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
    <li><a class="dropdown-item" href="#">Action</a></li>
    <li><a class="dropdown-item" href="#">Another action</a></li>
    <li><a class="dropdown-item" href="#">Something else here</a></li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

我使用命令npm i来安装软件包,但没有提及任何版本名称,所以我猜安装了最新版本。安装 jQuery 作为最后的手段读到 Bootstrap 5 不需要 jQuery。任何帮助是极大的赞赏。

html javascript angular bootstrap-5 angular12

22
推荐指数
2
解决办法
3万
查看次数

标签 统计

angular ×1

angular12 ×1

bootstrap-5 ×1

html ×1

javascript ×1