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动态组件的属性未定义

相关内容

热门资讯

透视ai代打！wpk辅助软件多... 《透视ai代打！wpk辅助软件多少钱一个，hhpoker德州有挂吗，专业教程（最初是真的有挂）》 w...
透视模拟器！aapoker辅助... WePoker透视辅助版本稳定性对比与推荐‌：透视模拟器！aapoker辅助插件工具下载，wepok...
透视真的！wpk透视脚本下载，... 透视真的！wpk透视脚本下载，hhpoker外挂靠谱吗，德州教程（切实真的是有挂）；支持2-10人实...
透视插件！wepoker辅助器... 透视插件！wepoker辅助器是真的的吗，wepokerplus开挂，新2025教程（最初真的有挂）...
透视有挂！红龙poker透视，... 透视有挂！红龙poker透视，hhpoker真的有透视吗，软件教程（起初是有挂）；大神普及一款德州a...
透视ai代打！德普之星app安... 透视ai代打！德普之星app安卓版破解版，德普之星有辅助软件吗，普及教程（固有有挂）；德普之星app...
辅助透视！wpk脚本辅助器，w... 辅助透视！wpk脚本辅助器，wepoker软件靠谱么，爆料教程（起初有挂）关于wpk脚本辅助器的基本...
透视新版！aapoker辅助插... 透视新版！aapoker辅助插件工具，来玩app破解版，曝光教程（本然是有挂）；aapoker辅助插...
透视最新！aapoker辅助挂... 透视最新！aapoker辅助挂，hhpoker辅助挂下载，我来教教你（固有有挂）1、许多玩家不知道a...
透视透视！智星菠萝辅助器，we... 透视透视！智星菠萝辅助器，wepoker游戏下载，插件教程（其实是真的有挂）；超受欢迎的智星菠萝辅助...