首页 > 解决方案 > 如何在内存中编译角度组件或模板而不注入视图并获取innerHTML?

问题描述

我想在组件 B 内存中编译组件 A 而不将其渲染到 dom 中。那么我应该能够获得组件A的innerHTML。组件A具有用标记管道解析的降价内容。

组件 A - 具有静态结构和动态内容

<div #componentA>Component A- {{markdown content | markedPipe}}</div>

组件 B - 想要编译组件/模板 A 并获取 innerHTML。

@Component({
  selector: 'app-component-b',
  template: '<button (click)="downloadAToPDF()"></button>'
})
export class ComponentB{

  downloadAToPDF() {
     // const innerHTML = CompileAPI(ComponentA)
     const pdf = new jsPdf()
     pdf.fromHTML(innerHTML,15,15,{})
     pdf.save()
  }

}

标签: angularangular8jspdf

解决方案


推荐阅读