Angular2懒加载模块中如何获取当前活跃组件选择器

我太懂你现在的困扰了——明明已经把组件加到entryComponents和模块声明里，用ComponentFactoryResolver还是找不到懒加载模块里的组件工厂。这背后的核心原因是：懒加载模块的组件工厂是和模块自身的注入器绑定的，根注入器提供的ComponentFactoryResolver访问不到这些模块内的组件工厂。下面给你两种可行的解决方案：

方案1：利用组件实例的模块注入器获取Resolver #

当组件从懒加载模块加载后，它的实例会持有所属模块的注入器引用。我们可以通过这个注入器获取模块级别的ComponentFactoryResolver，这样就能正确解析懒加载组件的工厂了。

修改你的onActivated方法如下：

import { ComponentFactoryResolver } from '@angular/core';

// ...

activeSelector: string;

// 不需要在构造函数注入根Resolver了
constructor() {}

onActivated(componentInstance: any) {
  // 从组件实例的注入器中获取模块专属的ComponentFactoryResolver
  const moduleResolver = componentInstance.injector.get(ComponentFactoryResolver);
  this.activeSelector = moduleResolver.resolveComponentFactory(componentInstance.constructor).selector;
}

这个方法完全符合Angular的依赖注入机制，不会有内部API依赖的风险。

方案2：直接读取组件的元数据（更简单高效） #

Angular Ivy编译后，组件类会带有一个内部属性ɵcmp，里面包含了组件的所有元数据（包括选择器）。我们可以直接读取这个属性，绕开ComponentFactoryResolver的限制：

onActivated(componentInstance: any) {
  // 直接从组件类的元数据中提取选择器
  this.activeSelector = componentInstance.constructor.ɵcmp.selector;
}

这种方法更简洁高效，不需要处理注入器的问题。虽然ɵcmp是Angular的内部属性，但它在多个版本中都保持稳定，日常使用完全没问题。

额外注意事项 #

• 确保你的组件已经正确声明在懒加载模块的declarations数组中，而不是只在根模块里声明。
• 如果你的Angular版本低于9（非Ivy编译），仍需要将组件加到懒加载模块的entryComponents数组中；Ivy编译后则不需要手动添加entryComponents。

内容的提问来源于stack exchange，提问作者mpunit30