角度2:如何动态创建ViewContainerRef
发布时间:2020-12-17 09:17:12 所属栏目:安全 来源:网络整理
导读:我正在尝试创建具有显示任意模态的能力的模态服务. 目前,为了创建动态组件,我正在为其存储占位符: div #container/div ... @ViewChild("dialogContainer",{read: ViewContainerRef}) dialogContainer:ViewContainerRef; 而不是创建组件: let factory = thi
我正在尝试创建具有显示任意模态的能力的模态服务.
目前,为了创建动态组件,我正在为其存储占位符: <div #container></div> ... @ViewChild("dialogContainer",{read: ViewContainerRef}) dialogContainer:ViewContainerRef; 而不是创建组件: let factory = this.componentResolver.resolveComponentFactory(Dialog); this.componentReference = this.dialogContainer.createComponent(factory); 有没有办法将所有这些逻辑从组件移动到服务,能够创建/删除身体中的视图容器,或任何其他DOM元素?
它不会创建ViewContainerRef,但它可以帮助您动态创建一个弹出窗口作为单独的组件.
我为你创建了plunker的例子,我没有嵌入到这里,因为stackowerflow代码片段不支持我需要的所有功能,以创建示例:) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |