Angular动态组件的创建未渲染动态子组件。
创始人
2024-10-24 15:01:05
0次

问题出现的原因是动态组件内部的子组件没有被正确渲染。解决方法是在动态组件内部添加一个 元素，然后在该元素内部插入子组件的选择器。

示例代码：

// 父组件中动态创建子组件的函数 createDynamicComponent(){ const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent); const componentRef = this.dynamicComponentContainer.createComponent(componentFactory); // 插入选择器，将子组件渲染出来 const childComponentElement = componentRef.instance.viewContainerRef; childComponentElement.createEmbeddedView(this.templateRef); }

// 在子组件中添加 ng-container 元素，用于渲染子组件

// 父组件中使用结构指令插入子组件的选择器

上一篇：Angular动态字符串绑定

下一篇：Angular动态组件的属性未定义

相关内容

热门资讯

透视教程！德州局怎么透视，新5... 透视教程！德州局怎么透视，新518互游脚本（一直有挂）；新518互游脚本辅助器中分为三种模型：新51...
透视系统！fishpoker透... 透视系统！fishpoker透视底牌，小程序牵手跑得快辅助器（一直真的是有挂）透视系统！fishpo...
透视实锤！we-poker辅助... 透视实锤！we-poker辅助器，卡农大厅辅助（竟然真的有挂）1、卡农大厅辅助透视辅助简单，卡农大厅...
透视了解！wepoker怎么发... 透视了解！wepoker怎么发冤家牌，科乐辅助功能插件（竟然真的有挂）；1、上手简单，内置详细流程视...
透视黑科技！hhpoker辅助... 透视黑科技！hhpoker辅助软件下载，挂机操作微乐（一直真的是有挂）1、点击下载安装，挂机操作微乐...
透视科技！约局吧作弊脚本，新九... 透视科技！约局吧作弊脚本，新九天辅助（一直存在有挂）1、玩家可以在新九天辅助软件透明挂俱乐部对游戏的...
透视规律！wepoker作弊方... 透视规律！wepoker作弊方法，微乐小程序破解（都是是真的有挂）透视规律！wepoker作弊方法，...
透视最新！智星德州辅助译码插件... 透视最新！智星德州辅助译码插件靠谱吗，随意玩有没有辅助（总是是有挂）；1、每一步都需要思考，不同水平...
透视软件！如何下载wepoke... 透视软件！如何下载wepoker安装包，新导游正版辅助（本来是有挂）1、许多玩家不知道新导游正版辅助...
辅助透视！wepoker有辅助... 辅助透视！wepoker有辅助工具吗，天天微友有辅助吗（竟然有挂）1、完成天天微友有辅助吗的残局，帮...