在Angular中操作用于导出的未呈现的DOM元素

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-export-component',
  template: `
    <div #exportElement style="display: none;">
      <!-- Hidden content to be exported -->
    </div>
    <button (click)="export()">Export</button>
  `
})
export class ExportComponent {
  @ViewChild('exportElement', { static: false }) exportElement: ElementRef;

  export() {
    const elementToExport = this.exportElement.nativeElement;
    // Perform operations on the hidden element, such as modifying its content or styling

    // Export the element, for example, by converting it to a PDF or generating a download link
  }
}