如何在动态创建的组件中注入服务的唯一实例？

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

@Injectable()
export class DataService {
  private data: string[] = [];

  // 添加数据的方法
  addData(value: string) {
    this.data.push(value);
  }

  // 获取数据的方法
  getData(): string[] {
    return this.data;
  }
}

import { Component } from '@angular/core';
import { DataService } from '路径/data.service';

@Component({
  selector: 'app-dynamic-component',
  template: `...`
})
export class DynamicComponent {
  constructor(private dataService: DataService) {}
}

import { Component, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
import { DataService } from '路径/data.service';
import { DynamicComponent } from '路径/dynamic.component';

@Component({
  selector: 'app-parent-component',
  template: `<ng-container #dynamicComponentContainer></ng-container>`
})
export class ParentComponent {
  constructor(
    private resolver: ComponentFactoryResolver,
    private viewContainerRef: ViewContainerRef,
    private dataService: DataService
  ) {}

  createDynamicComponent() {
    // 创建组件工厂
    const componentFactory = this.resolver.resolveComponentFactory(DynamicComponent);

    // 创建组件实例，并手动注入服务实例
    const componentRef = this.viewContainerRef.createComponent(componentFactory, null, this.injector);

    // 访问注入的服务实例
    const dataService = componentRef.injector.get(DataService);
    dataService.addData('Injected data');

    // 销毁组件时，注入的服务实例也会被销毁
    componentRef.onDestroy(() => {
      // 执行清理操作
    });
  }
}