在Angular 2中创建动态组件

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

constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) { }

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

@Component({
  selector: 'app-dynamic-component',
  template: '<p>This is a dynamic component!</p>',
})
export class DynamicComponent { }

// 创建动态组件工厂
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);

// 创建动态组件实例
const componentRef = this.viewContainerRef.createComponent(componentFactory);

// 可以通过componentRef实例来访问和控制动态组件