如何在 Angular 4 中使用 jspdf-autotable?
How to use jspdf-autotable in Angular 4?
我能够导入 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
}
}
从上面的讨论中提取,替换此行:
import { autoTable } from 'jspdf-autotable';
和
import 'jspdf-autotable';
而不是像这样声明:
import * as jsPDF from 'jspdf';
import 'jspdf-autotable';
最好这样做
import 'jspdf';
import 'jspdf-autotable';
declare let jsPDF;
我就是这样解决问题的。
我能够导入 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
}
}
从上面的讨论中提取,替换此行:
import { autoTable } from 'jspdf-autotable';
和
import 'jspdf-autotable';
而不是像这样声明:
import * as jsPDF from 'jspdf';
import 'jspdf-autotable';
最好这样做
import 'jspdf';
import 'jspdf-autotable';
declare let jsPDF;
我就是这样解决问题的。