Ngbootstrap не показывает модальное окно

Question

У меня проблема в Angular.Когда я хочу создать модальное окно, подобное этому (https://stackblitz.com/angular/odaogjmkqod?file=app%2Fmodal-basic.ts). Он создает его, но не показывает его.

constructor(
    private modalService: NgbModal
  ) {}

closeResult: string;


  open(content) {
    this.modalService.open(content, {ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {
      this.closeResult = `Closed with: ${result}`;
    }, (reason) => {
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

  private getDismissReason(reason: any): string {
    if (reason === ModalDismissReasons.ESC) {
      return 'by pressing ESC';
    } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
      return 'by clicking on a backdrop';
    } else {
      return  `with: ${reason}`;
    }
  }

Это мойкомпонент, из которого я открою мое модальное окно! А это мой app.module.ts

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgbModule,
    FormsModule,
    InvoiceDetailModule,
    InvoiceModule,
    GeneralModule,
    ApiModule,
    OverviewModule,
    NgbModalModule,
    NgbCollapseModule,
    ReactiveFormsModule
  ],
  providers: [{
    provide: ApiConfiguration,
    useClass: EnvironmentApiConfiguration
  }],
  bootstrap: [AppComponent],
  entryComponents: [InvoicePositionComponent]
})

Что я делаю не так?

PS: Извините за мой плохой английский!