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
    ],...

NG bootsrap导入对角6不起作用

3 个答案: