在Angular中，可以使用ComponentFactoryResolver来动态创建组件。下面是一个示例代码，演示如何从服务中动态创建组件：

1. 创建一个组件服务，例如ComponentService：

import { Injectable, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
import { ComponentAComponent } from './component-a/component-a.component';

@Injectable()
export class ComponentService {
  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  // 动态创建组件的方法
  createComponent(viewContainerRef: ViewContainerRef) {
    // 创建组件工厂
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(ComponentAComponent);
    // 创建组件实例
    const componentRef = viewContainerRef.createComponent(componentFactory);
    
    // 可以通过componentRef来访问和操作创建的组件
    // 例如：
    // componentRef.instance.property = value;
    // componentRef.instance.method();
  }
}

2. 在需要动态创建组件的组件中，注入ComponentService并获取ViewContainerRef：

import { Component, ViewChild, ViewContainerRef } from '@angular/core';
import { ComponentService } from './component.service';

@Component({
  selector: 'app-root',
  template: `
    

    创建组件
  `
})
export class AppComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentService: ComponentService) {}

  createComponent() {
    this.componentService.createComponent(this.container);
  }
}

3. 创建要动态添加的组件，例如ComponentAComponent：

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

@Component({
  selector: 'app-component-a',
  template: '
我是动态创建的组件A
'
})
export class ComponentAComponent {}

通过以上步骤，你可以在点击"创建组件"按钮时，动态地在