angular - 没有使用 Angular Bootstrap 提供 NgbDropdown 的提供程序

Question

我尝试在应用程序中使用 NbgDropdown，但收到以下错误:

NullInjectorError:没有 NgbDropdown 的提供者!

我的 app.module 文件如下所示:

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
...

NgModule({
    declarations: [
        ...
    ],
    imports: [
        ...
        NgbModule.forRoot()
    ],
    providers: [
        ...
    ],
    bootstrap: [AppComponent]
})

从其他答案来看，这看起来像是应该需要的

我看到以下简短的评论可能有帮助，但对我来说没有意义:

https://stackoverflow.com/a/46636887/2178363

Answer 1

确保您的 HTML 标记在 ngbDropdownToggle 和 ngbDropdownMenu 父级上具有 ngbDropdown 属性。

<div ngbDropdown> <!-- **here** -->
  <button class="btn btn-outline-primary" 
      id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div ngbDropdownMenu>
    <button ngbDropdownItem>Action - 1</button>
    <button ngbDropdownItem>Another Action</button>
    <button ngbDropdownItem>Something else is here</button>
  </div>
</div>