angular - 如何动态获取子组件而不是使用@ViewChild

Question

基本上不是这样做:

class Controller implements AfterViewInit{
  @ViewChild(IconComponent)
  iconComponent: IconComponent;

  ngAfterViewInit() {
    iconComponent.save();
  }

}

我想要这样的组件:

class Controller implements AfterViewInit{

  ngAfterViewInit() {
    const iconComponent = someRef.get(IconComponent); // where to get this component from
    iconComponent.save()
  }

}

我如何实现这一目标？

我问这个问题是因为我在运行时而不是编译时获取组件类型。

Answer 1

为什么不使用提供的 ComponentFactoryResolver 创建组件？

通过这种方式可以获得其componentRef并管理其实例。

这是 ComponentFactoryResolver 的文档你可以找到一个很好的实现 example .