从延迟加载的模块打开模式
Opening a modal from a lazy loaded module
我有一个基于 angular2-webpack-starter 种子项目的项目,我正在尝试集成 ng-bootstrap - 特别是模态。
我有一个 SharedModule,我在其中导入 NgbModule 并重新导出它。我的应用程序中的每个其他模块都导入 SharedModule。
我已经根据文档在 app.component.html 中配置了 ngbModalContainer。
我现在有一个需要打开模态的延迟加载模块。当我尝试在 NgbModal 服务上调用 open(...) 方法时,我收到一条错误消息,指出找不到容器:
Missing modal container, add
to one of your application templates.
我假设这是因为延迟加载模块正在导入 SharedModule 并且正在接收与根应用程序模块不同的 NgbModal 服务实例。
我的问题是 - 正确的配置方法是什么,以便 NgbModal(以及 ng-bootstrap services/components 的其余部分)在应用程序范围内可用,包括延迟加载的模块。
谢谢!
在根模块中(app.module.ts) 导入NgbModule.forRoot()
然后延迟加载模块 import NgbModule
我有一个基于 angular2-webpack-starter 种子项目的项目,我正在尝试集成 ng-bootstrap - 特别是模态。
我有一个 SharedModule,我在其中导入 NgbModule 并重新导出它。我的应用程序中的每个其他模块都导入 SharedModule。
我已经根据文档在 app.component.html 中配置了 ngbModalContainer。
我现在有一个需要打开模态的延迟加载模块。当我尝试在 NgbModal 服务上调用 open(...) 方法时,我收到一条错误消息,指出找不到容器:
Missing modal container, add to one of your application templates.
我假设这是因为延迟加载模块正在导入 SharedModule 并且正在接收与根应用程序模块不同的 NgbModal 服务实例。
我的问题是 - 正确的配置方法是什么,以便 NgbModal(以及 ng-bootstrap services/components 的其余部分)在应用程序范围内可用,包括延迟加载的模块。
谢谢!
在根模块中(app.module.ts) 导入NgbModule.forRoot() 然后延迟加载模块 import NgbModule