Twitter bootstrap 3 Angular 2 rc4将组件内容导入模态

Twitter bootstrap 3 Angular 2 rc4将组件内容导入模态,twitter-bootstrap-3,angular,bootstrap-modal,Twitter Bootstrap 3,Angular,Bootstrap Modal,我正在使用angular 2 rc4,我们正在使用fuel ui加载模态 我们正努力实现以下目标: 我们有一个登录组件,我们希望将其注入到fuel ui模式中。问题是实际的模式html代码(实际DOM)在加载之后被加载 Fuel ui提供了一个标记,模态的html将加载到该标记中 我已经研究并尝试了DynamicComponentLoader,但发现它现在已被弃用 我需要知道注入登录组件内容的最佳方式是什么 进入呈现的DOM(使用引导html中的模态体类标记) 我已经搜索过了,但可能有人也有同样

我正在使用angular 2 rc4,我们正在使用fuel ui加载模态

我们正努力实现以下目标:

我们有一个登录组件,我们希望将其注入到fuel ui模式中。问题是实际的模式html代码(实际DOM)在加载之后被加载

Fuel ui提供了一个标记,模态的html将加载到该标记中

我已经研究并尝试了DynamicComponentLoader,但发现它现在已被弃用

我需要知道注入登录组件内容的最佳方式是什么 进入呈现的DOM(使用引导html中的模态体类标记)

我已经搜索过了,但可能有人也有同样的问题,并偶然发现了一个更好的链接,解释了如何做到这一点

提前感谢您的帮助


南希

这现在看起来很老了。但我认为Angular的最新版本可以帮助您将内容投影到组件中

您可以添加
作为模态的主体。在父组件视图中,添加封装在模态组件中的自定义组件。当模态显示时,您将在其内容中包含您的组件

此外,Angular支持动态零部件创建

组件模板并不总是固定的。应用程序可能需要 在运行时加载新组件

您可以在此处查找任何帮助:

您可以使用
ViewContainerRef.createComponent()
代替DCL。有关Plunker的示例,请参见