如何在Angular 4中使用jspdf-autotable?

时间:2017-09-20 09:08:33

标签: angular jspdf jspdf-autotable

我能够导入jsPDF,但是我不能使用jspdf-autotable中的autoTable方法,不知道如何将它作为jsPDF的依赖项导入。

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

import * as jsPDF from 'jspdf';
import { autoTable } from 'jspdf-autotable';

@Injectable()
export class PdfService {

    constructor() {

    }

    convertJsonToPdf(columns: any, jsonData: any) {
       var doc = new jsPDF('p', 'pt');  // OK, created
       doc.autoTable(columns, jsonData); // Fails because autoTable is not in doc
    }
}

2 个答案:

答案 0 :(得分:6)

从上面的讨论中摘录,替换这一行:

import { autoTable } from 'jspdf-autotable'; 

import 'jspdf-autotable';

答案 1 :(得分:1)

而不像这样声明:

import * as jsPDF from 'jspdf';
import 'jspdf-autotable;

更好地做到这一点

import 'jspdf';
import 'jspdf-autotable;
declare let jsPDF;

这就是我解决问题的方式。