访问动态加载的子组件实例
访问动态加载的子组件实例
提问于 2022-11-21 03:16:08
@ViewChild(ComponentType) comp!: ComponentType;
ngAfterViewInit() {
console.log('ComponentType instance', comp);
}为了获得子组件的实例，我知道可以使用ViewChild，如上面所示。它适用于静态添加的组件，但是如果像演示的在StackBlitz上那样在动态添加的组件上使用它，就会在ngAfterViewInit上得不到定义。
获得动态加载子组件实例的正确方法是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-11-21 06:59:16
这是不可能的Angular不允许使用ViewChild/ViewChildren动态创建子级。见https://github.com/angular/angular/issues/45771和https://stackoverflow.com/a/43957857/4472932。
但是，您可以将创建的子程序保存在服务中作为示例。组件自定义为const componentRef = viewContainerRef.createComponent<AdComponent>(adItem.component); componentRef。所以ViewChildren/ViewChild的子类和componentRef是一样的。
你好，弗洛
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74518072
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
