在ngbDropdown内嵌套ngbDropdown

时间:2019-03-26 15:57:28

标签: angular5

是否可以嵌套“ Angular Dropdown”按钮?目前,内部菜单并未打开其子菜单,而是关闭了主菜单。

    <div ngbDropdown class="d-inline-block" placement="bottom-right">
      <button class="btn btn-info" id="dropdownBasic1" ngbDropdownToggle>
        <fa name="open"></fa>
      </button>
      <div ngbDropdownMenu aria-labelledby="dropdownBasic1">

        <button class="dropdown-item">
          <span> One </span>
        </button>
        <button class="dropdown-item">

         <!-- insert internal drop down here -->
                <div ngbDropdown class="d-inline-block" placement="bottom-right">
                    <button class="btn btn-info" id="dropdownBasic2" ngbDropdownToggle>
                    <fa name="wind"></fa>
                    </button>
                    <div ngbDropdownMenu aria-labelledby="dropdownBasic2">
                        <button class="dropdown-item">
                        Internal ONe
                        </button>
                        <button class="dropdown-item">
                        <span>Internal Two</span>
                        </button>

                </div>
            </div>
        <!-- end internal buttons-->

        </button>

      </div>
    </div>

现在,内部下拉菜单中确实有该图标,但是如果我单击它以打开其菜单项,则不会打开它,而是关闭了主下拉菜单。我看到在旧版本的github上是不可能的,但在新版本中也找不到解决方案。有没有解决办法?

0 个答案:

没有答案