Angular 5+创建动态组件时，ReflectiveInjector与Injector有何差异？如何适配弃用提示？

我刚帮不少开发者处理过这个迁移问题——Angular v5起弃用ReflectiveInjector确实是因为它运行效率低、打包后冗余代码多，换成Injector.create不仅更符合Angular后续版本的设计方向，写法也没复杂多少。

先回顾你提到的旧实现（补全了常见的动态组件创建逻辑）：

// 基于ReflectiveInjector的旧API
createWithReflectiveInjector() {
  // 输入需按以下格式才能正确解析
  const resolvedInputs = ReflectiveInjector.resolve([
    { provide: "options", useValue: this.data }
  ]);
  const injector = ReflectiveInjector.fromResolvedProviders(resolvedInputs, this.injector);
  
  // 创建动态组件
  const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);
  const componentRef = componentFactory.create(injector);
  
  // 挂载到视图（示例）
  // this.viewContainerRef.insert(componentRef.hostView);
}

用Injector.create替代的完整方案 #

新API不需要手动调用ReflectiveInjector.resolve，直接传入提供者数组即可，逻辑更简洁高效：

// 基于Injector.create的新API（Angular v5+推荐）
createWithInjectorCreate() {
  // 直接定义提供者，无需额外解析步骤
  const injector = Injector.create({
    providers: [
      { provide: "options", useValue: this.data }
    ],
    parent: this.injector // 继承父注入器的依赖，和旧API的第二个参数作用一致
  });

  // 动态组件创建逻辑和旧代码基本一致
  const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);
  const componentRef = componentFactory.create(injector);
  
  // 挂载到视图（示例）
  // this.viewContainerRef.insert(componentRef.hostView);
}

额外注意事项 #

• 使用InjectionToken替代字符串令牌：如果你的项目用了类型安全的InjectionToken，写法完全兼容，只需要把字符串换成对应的令牌实例即可：

  // 先定义InjectionToken
  export const OPTIONS_TOKEN = new InjectionToken<MyOptionsType>("options");
  
  // 在动态组件创建中使用
  createWithInjectorCreate() {
    const injector = Injector.create({
      providers: [
        { provide: OPTIONS_TOKEN, useValue: this.data }
      ],
      parent: this.injector
    });
    // ...后续逻辑
  }
  

• 保持父注入器传入：不要省略parent: this.injector，否则动态组件无法访问父组件/模块提供的依赖（比如HttpClient、自定义服务等）。
• 兼容性：这个写法从Angular v5开始支持，后续v6到最新版本都能正常使用，完全覆盖ReflectiveInjector的动态组件创建场景。

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