angular - 在 Angular 中克隆 html 内容

Question

我正在使用 Angular 创建一个信息列表。应该为我的打印视图克隆此列表。内容是相同的，但视图应该看起来不同。

所以我创建了两个部分

    // Web View
<div id="copy-content">
<ng-container *ngIf="document['_source']['79_ikonographie']">
  ....
</ng-container>
</div>


// Print view
  <div id="section-to-print">
    <div id="printable">
          // same content like in ID element copy-content
          <div [innerHTML]="elementHTML"></div>
   </div>
</div>

是否可以在可打印部分中克隆和呈现复制内容部分？

这是我到目前为止所尝试的。

  this.copy = document.getElementById('copy-content');
  this.elementHtml = this.copy.outerHTML;
  console.log(this.elementHtml);

标签： angulartypescriptprinting