如何在angular2中使用$compile

import { Component, ViewChild, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

@Component({
  selector: 'app-container',
  template: `
    <div #container></div>
  `,
})
export class ContainerComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  createDynamicComponent() {
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);
    const componentRef = this.container.createComponent(componentFactory);
    // 可以通过componentRef.instance访问动态组件实例的属性和方法
  }
}

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

@Component({
  selector: 'app-dynamic',
  template: `
    <h1>Dynamic Component</h1>
  `,
})
export class DynamicComponent {
  // 动态组件的逻辑和模板
}