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

2024-02-13

我尝试在应用程序中使用 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 https://stackoverflow.com/a/46636887/2178363


确保您的 HTML 标记具有ngbDropdown属性上ngbDropdownToggle and ngbDropdownMenu parent.

<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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

没有使用 Angular Bootstrap 提供 NgbDropdown 的提供程序 的相关文章

随机推荐