如何在angularjs中将html数据导出为pdf
这是我的html代码，我在其中渲染了文件中的所有json数据，.js但越来越
TypeError：无法将未定义或null转换为DocMeasure.measureNode（pdfmake.js：15635）的DocMeasure.measureNode（pdfmake.js：15635）的Function.keys（）上的对象.layoutDocument（pdfmake.js：15076）在PdfPrinter.createPdfKitDocument（pdfmake.js：2130）在Document._createDoc（pdfmake.js：82）在Document.getDataUrl（pdfmake.js：177）在Document.open（pdfmake.js）
：109）位于l。$ scope.openPdf（app.js：29）
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="pdfmake.js"></script>
<script type="text/javascript" src="vfs_fonts.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="raj.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
</head>
<body ng-app="pdfDemo">
<div ng-controller="pdfCtrl">
<div id="pdfContent">
<table id="example-table">
<thead>
<th>firstName</th>
<th>lastName</th>
<th>Gender</th>
<th>Mobile</th>
</thead>
<tbody>
<tr ng-repeat="emp in employees">
<td>{{emp.firstName}}</td>
<td>{{emp.lastName}}</td>
<td>{{emp.gender}}</td>
<td>{{emp.mobile}}</td>
</tr>
</tbody>
</table>
</div>
<button ng-click="openPdf()">Open Pdf</button>
<button ng-click="downloadPdf()">Download Pdf</button>
</div>
</body>
</html>
问题答案：
您可以使用pdfmake导出pdf
演示
var app = angular.module("app", []);
app.controller("listController", ["$scope",
function($scope) {
$scope.data= [{"agence":"CTM","secteur":"Safi","statutImp":"operationnel"}];
$scope.export = function(){
html2canvas(document.getElementById('exportthis'), {
onrendered: function (canvas) {
var data = canvas.toDataURL();
var docDefinition = {
content: [{
image: data,
width: 500,
}]
};
pdfMake.createPdf(docDefinition).download("test.pdf");
}
});
}
}
]);
<!doctype html>
<html ng-app="app">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="listController">
<div id="exportthis">
{{data}}
</div>
<button ng-click="export()">export</button>
</div>
</body>
</html>
-
问题内容： 在我的php页面中，我有一个表，如果用户需要，他必须将该表导出到Excel工作表。 用于显示表格的代码是： 我如何将此表导出到Excel工作表。以及 excel.php中 的代码应该是什么。请帮助我..提前谢谢.. 问题答案： 使用PHP Excel生成Excel文件。您可以在此处找到一个名为PHPExcel的好软件： https //github.com/PHPOffice/PHPE
-
问题内容： 我有兴趣将值的子集从MySQL数据库导出到磁盘上的JSON格式的文件中。 我找到了一个讨论执行此操作的方法的链接：http : //www.thomasfrank.se/mysql_to_json.html …但是当我使用该页面中的方法时，它似乎可以工作，但是有两个问题： 1）它只返回大约15个结果，最后一个突然中断（不完整）。当我按以下方式运行时，我对此的标准查询返回大约4000个结
-
问题内容： 我必须提供一些导出功能到我的网站，例如CSV或PDF。Java是否有功能强大且免费的工具将HTML页面转换为PDF格式？ 问题答案： 与一起使用可以将HTML内容转换为PDF。 以下示例在某种程度上帮助您理解XHTML到PDF的转换。 使用飞碟API的示例 ： 您需要以下库： core-renderer.jar iText-2.0.8.jar 您可以在中找到这些资源。 例1：使用XML
-
我想知道如何将表数据导出到csv中？我读到我需要使用mysql工作台命令行，但我不知道如何启动cmd行（不知道命令是什么）。 在 Windows 7 64 位上运行。
-
问题内容： 我的表格格式 我在网上找到了以下代码。但是，如果我使用“ thead”和“ tbody”标签，那是行不通的 问题答案： 您在Internet上找到的解决方案无法正常工作的原因是因为线路开始。该变量只有两个元素，是和。该行正在寻找内的所有元素是。你能做的最好的事情就是给一个id你和然后抓住所有基于该值。说您有： 然后对标记执行相同的操作 编辑：我也强烈建议使用jQuery。它将缩短为：
-
问题内容： 我有不同表的myssql数据库。表之间的数据已链接，我使用userid检索并显示它们。我使用了PHP MYSQLi 的引用显示数据库中的所有表 但是，如何将这些信息导出为csv文件？我试过而不是用echo将其更改为字符串，然后将字符串打印到csv文件中，但无法正常工作。 我也尝试过以下示例：http : //sudobash.net/php-export-mysql-query-to-