клон html содержание в Angular

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);