Ng bootsrap импорт не работает угловой 6

Question

Я пытаюсь импортировать NgbDropdown в моем компоненте, но я всегда получаю ошибку?

Я пытался вот так

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

Но я получил это

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

У кого-нибудь есть решение?

Answer 1

Вы импортировали ng-bootstrap в app.module?

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

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

До встречи здесь: Stackblitz - пример Dropdown

Answer 2

Вы импортировали NgbDropdownModule в соответствующий модуль?

Пожалуйста, добавьте этот код в свой модуль, где объявлено AppointmentsComponent:

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

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

Answer 3

Вам нужно добавить это в ваш app.module.ts:

imports: [
  NgbModule.forRoot()
]

Это позволит работать NgbDropdown.

и, в вашем компоненте, добавить это:

providers: [
  NgbDropdown
]