Question

我有这个html，应该是另一个下拉菜单中的一个下拉菜单。层次结构是：

Dropdown
  |_ First Dropdown
  |     |_ aaa
  |     |_ bbb
  |     |_ ccc
  |_ Second Dropdown
        |_ ddd

它们看起来不错，但是当我按First Dropdown时，不会显示带有值aaa，bbb，ccc的下拉列表。与Second Dropdown相同。

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li>
      <div class="btn-group dropright">
        <a class="btn dropdown-toggle" data-toggle="dropdown">
          First Dropdown
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li>aaa</li>
          <hr>
          <li>bbb</li>
          <hr>
          <li>ccc</li>
        </ul>
      </div>
    </li>
    <hr>
    <li>
      <div class="btn-group dropright">
        <a class="btn dropdown-toggle" data-toggle="dropdown">
          Second Dropdown
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li>ddd</li>
        </ul>
      </div>
    </li>
  </ul>
</div>

似乎是哪个问题？谢谢您的时间！

Answer 1

因此，您可以使用角形材料mat-select

来实现此目的

您有<mat-select>，其中有一个下拉菜单，<mat-option>，是mat-select中的一个条目

无论如何，您都可以在毡垫选项中使用毡垫选择，而该选项本身就是下拉菜单中的下拉菜单。

<mat-select>entry
 <mat-option>hu
  <mat-select>
   <mat-option>hallo</mat-option>
  </mat-select>
 </mat-option>
 <mat-option>hi
  <mat-select>hello
   <mat-option>hallo</mat-option>
  </mat-select>
 </mat-option>
 <mat-option>hui
  <mat-select>
   <mat-option>hallo</mat-option>
  </mat-select>
 </mat-option>
</mat-select>

下拉Angular中的下拉列表

1 个答案: