NgbModal无法从另一个组件中包含的组件打开模态

时间:2018-11-14 12:33:41

标签: angular ng-bootstrap

我正在使用Anuglar 6

我有两个组成部分accountprofile帐户组件已添加到应用组件

我想通过点击帐户组件中的按钮来打开配置文件组件

但这给我一个错误

Error: No component factory found for NgbModalBackdrop. Did you add it to @NgModule.entryComponents?

应用模块看起来像

@NgModule({
  imports:      [ BrowserModule, FormsModule ],
  declarations: [ AppComponent, HelloComponent, AccountComponent, ProfileComponent ],
  entryComponents: [
    ProfileComponent
  ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

这是工作示例:https://stackblitz.com/edit/angular-uwobqm

2 个答案:

答案 0 :(得分:2)

这是一个模糊的猜测,但是您可能需要像在app.module.ts中那样导入NgbModule

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

@NgModule({
  imports: [
    NgbModule.forRoot()
  ]
})

那应该可以解决您遇到的错误。

答案 1 :(得分:0)

通过在模块文件中添加NgbModule为我工作。

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


@NgModule({
     imports: [...
     NgbModule,
      ....],
     declarations: [],
     entryComponents: [...]
     })