加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 21:22:55 所属栏目:安全 来源:网络整理
导读:我正在使用角度2 rc4,我们正在使用fuel-ui http://fuelinteractive.github.io/fuel-ui/#/来加载模态. 我们要努力实现的目标如下: 我们有一个登录组件,我们想要注入fuel-ui模式,问题是实际的模态html代码(实际DOM)后来加载. Fuel-ui给出了一个标签,模态的htm
我正在使用角度2 rc4,我们正在使用fuel-ui http://fuelinteractive.github.io/fuel-ui/#/来加载模态.

我们要努力实现的目标如下:

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

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

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

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

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

预先感谢您的帮助.

南希

解决方法

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

您可以添加< ng-content>< / ng-content>作为你的模态的身体.在父组件视图中,添加包含在模式组件中的自定义组件.当模态显示时,您将在其内容中包含您的组件.

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

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读