我正在使用angular 2 rc4,我们正在使用fuel-ui http://fuelinteractive.github.io/fuel-ui/#/来加载模态。
我们想要实现的目标如下:
我们有一个登录组件,我们想要注入fuel-ui模式,问题是实际的模态html代码(实际DOM)后来加载了。
Fuel-ui给出了一个标签,模态的html被加载到该标签中。
我已经研究并尝试过DynamicComponentLoader,虽然现在已经发现它已被弃用。
我需要知道注入登录组件内容的最佳方法是什么 进入渲染的DOM(带有来自bootstrap html的modal-body类的标记)。
我已经搜索过,但也许有人遇到了同样的问题,偶然发现了一个更好的链接,解释了如何做到这一点。
提前感谢您的帮助。
南西
答案 0 :(得分:0)
现在看来已经很老了。但是我认为Angular中的最新功能可以帮助您将内容投影到组件中。
您可以添加<ng-content></ng-content>
作为模态主体。在父组件视图中,将您的自定义组件包装在模式组件中。出现模态时,您将在其中包含组件。
此外,Angular支持动态组件创建。
组件模板并非总是固定的。应用程序可能需要 在运行时加载新组件。
您可以在此处查找任何帮助: dynamic-component-loader