引导5下拉列表不使用Angular13打开

Question

嘿，伙计们，我正在做一个角度项目，使用引导5。我想实现一个下拉多重选择，不幸的是，下拉列表没有被扩展。

我遵循下面的示例：创建具有角和引导带5的多选择下拉列表

我创建了一个stackblitz示例：https://stackblitz.com/edit/github-va1hpx

希望有人能帮上忙。

Answer 1

固定

问题是，在示例中使用了bootstrap5的alpha版本，而我使用的是5.1.3。在此期间，引导程序对哪些类应该添加到按钮等方面做了一些更改。因此，您应该编写

这是：

 <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true"

而不是这样：

 <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"

另外，其他html元素也应该得到特定的类，如边距类。

ms-1 ms-2 ....

关于输入元素

所以在我的例子中，增加

jQuery.js or popper.js

和其他线程中提到的一样：angular.json：https://stackoverflow.com/search?tab=Relevance&pagesize=30&q=popper.js%20bootstrap&s=144706d6-c9be-4120-b105-c37f2b848352

它只是默认的bootstrap5类。