如何将动态外部组件加载到Angular应用程序中

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

@Component({
  selector: 'app-dynamic-component-loader',
  template: '<ng-container #container></ng-container>'
})
export class DynamicComponentLoaderComponent {
  constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) { }
}

loadExternalComponent(componentPath: string) {
  import(componentPath).then((module) => {
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(module.ExternalComponent);
    this.viewContainerRef.createComponent(componentFactory);
  });
}

<app-dynamic-component-loader></app-dynamic-component-loader>
<button (click)="loadExternalComponent('path/to/external/component')">加载外部组件</button>