如何对动态Angular组件进行依赖注入

import { Component, Injector, OnInit, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-dynamic-component',
  template: '<ng-container #container></ng-container>',
})
export class DynamicComponent implements OnInit {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private injector: Injector) {}

  ngOnInit(): void {
    // 创建动态组件
    const componentFactoryResolver = this.injector.get(ComponentFactoryResolver);
    const dynamicComponentFactory = componentFactoryResolver.resolveComponentFactory(DynamicComponent);
    const componentRef = this.container.createComponent(dynamicComponentFactory);

    // 获取依赖注入器
    const childInjector = Injector.create({ providers: [{ provide: MyService, useValue: new MyService() }], parent: this.injector });

    // 注入依赖项
    const myService = childInjector.get(MyService);
    componentRef.instance.myService = myService;
  }
}

class MyService {
  // 服务的实现
}