3

我有一个基于 angular2-webpack-starter 种子项目的项目,我正在尝试集成 ng-bootstrap - 特别是模态。

我有一个 SharedModule ,我在其中导入 NgbModule 并重新导出它。我的应用程序中的每个其他模块都会导入 SharedModule。

我已经按照文档在我的 app.component.html 中配置了 ngbModalContainer。

我现在有一个需要打开模式的延迟加载模块。当我尝试在 NgbModal 服务上调用 open(...) 方法时,我收到一条错误消息,指出它找不到容器:

缺少模态容器,添加到您的应用程序模板之一。

我认为这是因为延迟加载的模块正在导入 SharedModule 并且正在接收 NgbModal 服务的单独实例,而不是根应用程序模块。

我的问题是 - 配置它的正确方法是什么,以便 NgbModal(以及 ng-bootstrap 服务/组件的其余部分)在应用程序范围内可用,包括延迟加载的模块。

谢谢!

4

1 回答 1

2

在根模块(app.module.ts)导入 NgbModule.forRoot() 然后延迟加载模块导入 NgbModule

于 2017-02-10T00:07:33.790 回答