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

Question

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

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

我们有一个登录组件，我们想将其注入(inject)到 fuel-ui 模态中，问题是实际模态 html 代码(实际 DOM)在之后加载。

Fuel-ui 提供了一个标签，用于加载模态的 html。

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

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

我进行了搜索，但也许有人遇到了同样的问题并偶然发现了一个更好的链接来解释如何执行此操作。

预先感谢您的帮助。

南希

Answer 1

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

您可以添加 <ng-content></ng-content>作为模态的正文。在父组件 View 中添加包装在模态组件中的自定义组件。当模态出现时，您的组件将包含在它的内容中。

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

Component templates are not always fixed. An application may need to load new components at runtime.

您可以在这里查找任何帮助: dynamic-component-loader