使用绑定时如何将html转换为角度6的PDF

Question

我以角度将 html 转换为 PDF，但问题是我使用绑定来显示所有列表。我在循环中使用列表视图，PDF 只转换一个列表视图，它不能将整个列表转换为 PDF。如何实现这一点？

pdf.ts：

export class PDFComponent{

 @ViewChild('content') content:ElementRef;
  test:any;

 downloadPdf() {
  let doc= new jspdf();
  let specialElememtHandlers = {
    '#editor':function(element,renderer)
    {
      return true;
    }    
  };
  let content =this.content.nativeElement;
  doc.fromHTML(content.innerHTML,15,15, {
    'width':190,
    'elementHandlers':specialElememtHandlers
  });
  doc.save('test.pdf');
  }
}

pdf.html：

  <button class="btn btn-sm btn-white m-b-10 p-l-5" (click)="downloadPDF()"></button>
<ul class="result-list" *ngFor="let reg of test
        id="content" #content>
        <li>
          <div class="result-price" style="background:center #2d353c;color: #fff;">
            <h3 style="color: #fff">{{reg.id}}</h3>
            <h4 style="color: #fff">{{reg.date}}</h4>
            <p>
              <small>
                <b>{{reg.implication}}</b>
              </small>
            </p>
          </div>
          <div class="result-info">
            <h4 class="title">
              {{reg.title}}
            </h4>
            <br>
            <p class="desc">
              <b>Summary:</b> {{reg.desc}}
            </p>    
             </div>             
        </li>          
      </ul>

Answer 1

我认为问题可能是您的 ngFor 循环重复元素 <ul id="content"> 导致您有多个具有相同 ID 的元素。然后你想通过这个重复的 id 获取元素的内容。它只会给你在页面上找到的第一个。

尝试将循环包装在 div 元素中并获取此 div 的内容。