可以使用Angular Compiler API来动态编译组件模板,并生成HTML输出。下面是一个示例代码:
import { Component, NgModule, Compiler } from '@angular/core';
@Component({
selector: 'app-dynamic',
template:
})
export class DynamicComponent {
items = ['item1', 'item2', 'item3'];
}
@NgModule({ declarations: [DynamicComponent] }) export class DynamicModule {}
export function generateHTML() { const compiler = new Compiler(); const moduleType = compiler.compileModuleSync(DynamicModule); const moduleRef = moduleType.create();
const componentFactory = moduleRef.componentFactoryResolver.resolveComponentFactory(DynamicComponent); const componentRef = componentFactory.create(moduleRef.injector);
return componentRef.location.nativeElement.outerHTML; }
调用generateHTML()函数,将返回一个包含HTML输出的字符串。