下拉列表不能正常工作。(角8和助力带)

Question

我很难通过引导指令ngbDropdown显示下拉列表和他的选项。

使用此文档示例：

<div ngbDropdown class="d-inline-block">
    <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
      <button ngbDropdownItem>Action - 1</button>
      <button ngbDropdownItem>Another Action</button>
      <button ngbDropdownItem>Something else is here</button>
    </div>
  </div>

正在展示这些：

​

​

我已经在NgbDropdownModule和NgbModule上导入了AppModule。

我用的是局部角度-cli: 8.3.26。

我想我已经安装了所有的软件包：

• "@angular/animations"："^8.2.8"
• "@angular/common"："^8.2.8"
• "@angular/compiler"："^8.2.8"
• "@angular/core"："^8.2.8"
• "@angular/forms"："~8.2.8"
• "@angular/platform-browser"："^8.2.8"
• "@angular/platform-browser-dynamic"："^8.2.8"
• "@angular/router"："^8.2.8"
• "@ng-bootstrap/ng-bootstrap"："^5.3.1"
• "bootstrap"："^4.3.1"
• "core-js"："^3.6.5"
• "ngx-alerts"："^4.0.0"，
• "ngx-bootstrap"："^5.4.0"
• "rxjs"："~6.5.4"
• "tslib"："^1.10.0"
• "zone.js"："~0.9.1"

在引导文档：https://ng-bootstrap.github.io/#/components/dropdown/examples中，stackblitz示例位于版本9，我必须使用版本8。

有人帮忙吗？心怀感激。

编辑：

解决了!

需要在popper.js上导入index.html和jquery，如下所示：

​

Answer 1

你能试试这样的东西吗？我的代码是用角形8编写的，带有ng引导版本5.x，它甚至可以在角9/ng引导6.x上工作。

<div ngbDropdown #myDrop1="ngbDropdown" class="d-inline-block">
    <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownAnchor (focus)="myDrop1.open()">Toggle dropdown</button>
    <div class="dropdown-menu" ngbDropdownMenu aria-labelledby="dropdownBasic1">
      <button class="dropdown-item" ngbDropdownItem>Action - 1</button>
      <button class="dropdown-item" ngbDropdownItem>Another Action</button>
      <button class="dropdown-item" ngbDropdownItem>Something else is here</button>
    </div>
</div>