在Angular 15中,动态加载组件非常容易,只需使用NgModule中的DynamicComponentLoader即可。
示例代码:
import { Component, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
@Component({
selector: 'my-component',
template: '
loadComponent() { const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent); const componentRef = this.viewContainerRef.createComponent(componentFactory); } }
@Component({ selector: 'my-dynamic-component', template: '