代码之家  ›  专栏  ›  技术社区  ›  Bhrungarajni

如何使用angular2显示模板文件中的PDF

  •  0
  • Bhrungarajni  · 技术社区  · 5 年前

    我有一个pdf按钮,当我点击时,我需要在新的选项卡打开pdf视图模式。有人能帮我解决这个问题吗。

    DEMO

    HTML格式:

      <button class="pull-right" (click)="generateToPdf()">PDF</button>
      <h2>Property Name</h2>
      <div class="col-xs-6">
      <div>
      <strong>Tenant:</strong> ABC Company
      </div>
      <div>
       <strong>Address:</strong> SRS Building, Banglore
      </div>
      <div>
      <strong>Suite:</strong> 100
      </div>
        </div>
    <div class="col-xs-6">
      <div>
      <strong>Cap:</strong> 2%
      </div>
    [DEMO][1]
        </div>
    
        </div>
    

     generateToPdf() {
    
    
        var doc = new jsPDF();
    
        doc.setFontSize(40);
    
    
        doc.addHTML(this.items.nativeElement, 0, 0, () => {
          doc.save("Invoice" + ".pdf");
        });
      }
    

    这里的jspdf不是在安装,而是在visual studio中工作,但是我在尝试使用它时遇到了错误。

    0 回复  |  直到 5 年前
        1
  •  0
  •   Bhrungarajni    5 年前

    我在index.html中使用了两个脚本标记

    <script src="https://unpkg.com/jspdf@1.3.3/dist/jspdf.min.js"></script>
    <script src="https://unpkg.com/jspdf-autotable@2.3.1/dist/jspdf.plugin.autotable.js"></script>
    

    这解决了我的问题。