var app = angular.module("app", []);
app.controller("listController", ["$scope",
function($scope) {
$scope.employees = [{
firstName: "rajeh",
lastName: "gatla",
gender: "mgale",
mobile: "8143445171"
}, {
firstName: "sathi",
lastName: "wesd",
gender: "madfgle",
mobile: "8143445171"
}, {
firstName: "gjds",
lastName: "hs",
gender: "madfhsdfle",
mobile:"8143445171"
}];
$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">
<table>
<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="export()">export</button>
</div>
</body>
</html>