在angular2 final中动态加载组件？

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

@Component({
  selector: 'app-root',
  template: `
    <h1>动态加载组件示例</h1>
    <<div #container></div>
    <button (click)="loadComponent()">加载组件</button>
  `,
})
export class AppComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  loadComponent() {
    // 获取组件工厂
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);

    // 创建组件实例并将其附加到容器元素中
    const componentRef = this.container.createComponent(componentFactory);
  }
}

@NgModule({
  declarations: [
    AppComponent,
    DynamicComponent
  ],
  entryComponents: [DynamicComponent],
  // ...
})
export class AppModule { }