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

问题描述 投票:2回答:2

我能够导入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
    }
}
angular jspdf jspdf-autotable
2个回答
6
投票

摘自以上讨论,请替换此行:

import { autoTable } from 'jspdf-autotable'; 

import 'jspdf-autotable';

1
投票

而不是像这样声明:

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

最好这样做

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

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

© www.soinside.com 2019 - 2024. All rights reserved.