角度嵌套下拉菜单

【问题标题】：Angular nested dropdown角度嵌套下拉菜单
【发布时间】：2021-02-12 19:13:36
【问题描述】：

我正在尝试在 Angular 中创建一个包含子项的下拉列表（如图所示，但所有选项都可选择）。有人请知道如何在 Angular 中使用标签来实现这一点，这样我就不必更改应用程序中的其他代码，就像更改为无序列表等一样。

谢谢:)

dropdown list with sub-items

【问题讨论】：

标签： html angular select dropdown

【解决方案1】：

可以使用角度材质库实现对子项的分组。

对于多选下拉菜单，您只需在选择标签元素中添加multiple 属性即可选择多个选项。

请参阅stackblitz demo 以供参考。

更多使用角材质的功能，请参考angular material

【讨论】：

【解决方案2】：

使用class= "dropdown-submenu"

<div class="btn-group dropdown">
  <button class="dropdown-toggle">Toggle</button>
  <ul class="dropdown-menu">
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="dropdown-submenu">
      Sub List
      <ul class="dropdown-menu">
        <li>Submenu Item 1</li>
        <li>Submenu Item 2</li>
      </ul>
    </li>
  </ul>
</div>

或参考此https://mdbootstrap.com/support/general/how-to-create-a-nested-dropdown/

【讨论】：

【解决方案3】：

考虑使用Angular/Material 库提供的选项组。见demo。

【讨论】：