我正在尝试在 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。任何帮助是极大的赞赏。