如何使用angular2

时间:2019-03-12 10:49:46

标签: angular jspdf

我有一个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>

TS:

 generateToPdf() {


    var doc = new jsPDF();

    doc.setFontSize(40);


    doc.addHTML(this.items.nativeElement, 0, 0, () => {
      doc.save("Invoice" + ".pdf");
    });
  }

这里jspdf没有安装,但是可以在Visual Studio中工作,但是尝试使用它时出现错误。

1 个答案:

答案 0 :(得分:0)

我在index.html中使用了2个脚本标签

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

这解决了我的问题。