多级下拉菜单 Angular + bootstrap 项目

Question

我想使用打字稿实现多级下拉菜单。 当我浏览 bootstrap css 框架时，我没有找到所需的多级下拉菜单

如何使用 html 、 css 和 typescript 在 angular 项目中创建多级下拉菜单（我不想使用 jQuery）

这是使用引导程序的单级下拉

<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>

Answer 1

您可以使用此材料模块https://plugins.codershood.info/#/plugins/ngmm-plugin

并且请不要直接在您的 Angular 项目中使用原生 java 脚本。