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

时间:2016-08-08 14:09:13

标签: twitter-bootstrap-3 angular bootstrap-modal

我正在使用angular 2 rc4,我们正在使用fuel-ui http://fuelinteractive.github.io/fuel-ui/#/来加载模态。

我们想要实现的目标如下:

我们有一个登录组件,我们想要注入fuel-ui模式,问题是实际的模态html代码(实际DOM)后来加载了。

Fuel-ui给出了一个标签,模态的html被加载到该标签中。

我已经研究并尝试过DynamicComponentLoader,虽然现在已经发现它已被弃用。

我需要知道注入登录组件内容的最佳方法是什么 进入渲染的DOM(带有来自bootstrap html的modal-body类的标记)。

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

提前感谢您的帮助。

南西

1 个答案:

答案 0 :(得分:0)

现在看来已经很老了。但是我认为Angular中的最新功能可以帮助您将内容投影到组件中。

您可以添加<ng-content></ng-content>作为模态主体。在父组件视图中,将您的自定义组件包装在模式组件中。出现模态时,您将在其中包含组件。

此外,Angular支持动态组件创建。

  

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

您可以在此处查找任何帮助: dynamic-component-loader