Ng bootsrap导入不工作angular 6

Question

我正在尝试在我的组件中导入NgbDropdown，但是我总是收到错误？

我试过这样做

import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';

但我得到了这个

AppointmentsComponent.html:3 ERROR Error: StaticInjectorError(AppModule)[NgbDropdownMenu -> NgbDropdown]: 

有谁有解决方案吗？

Answer 1

您需要将以下内容添加到app.module.ts中：

imports: [
  NgbModule.forRoot()
]

这将允许NgbDropdown工作。

并在您的组件中添加以下内容：

providers: [
  NgbDropdown
]

Answer 2

您是否将ng-bootstrap导入到app.module中？

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

    @NgModule({
      ...
      imports: [NgbModule, ...],
declarations: [AppComponent, NgbdDropdownBasic],
      ...
    })
    export class YourAppModule {
    }

在这里见：Stackblitz- example Dropdown

Answer 3

您是否在相应的模块中导入了NgbDropdownModule？

请将此代码添加到声明AppointmentsComponent的模块中：

import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
    declarations: [
        ...,
        NgbDropdownModule
    ],...