ng-bootstrap下拉标签

Question

如何放置从选项卡触发的下拉菜单。

<ngb-tabset>
    <ngb-tab title="tab1">
        <ng-template ngbTabContent>
            Tab 1 content
        </ng-template>
    </ngb-tab>
    <ngb-tab title="tab2">
        <ng-template ngbTabContent>
            Tab 2 content
        </ng-template>
    </ngb-tab>
</ngb-tabset>

我需要有一个carret作为标题的一部分，它将显示许多选项。我可以像这样直接启动。

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link active" href="#tab1" data-toggle="tab">Tab 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#tab2" data-toggle="tab">
          Tab 2
          <a style="display: inline;" class="nav-link dropdown-toggle" data-toggle="dropdown">
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li>
              <a tabindex="-1" (click)="doSomething()">Option 1</a>
            </li>
          </ul>
        </a>
      </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tab1">
    <div class="tab-pane" id="tab2">
</div>

我希望可以在有角度的引导程序中完成此操作，但我认为这不可能。请证明我错了。