[{"agence":"CTM","secteur":"Safi","statutImp":"operationnel"}]
Wie einem JSON-Objekt arbeiten ich diese Daten mit PDFMaker verwenden kann es als PDF-Datei zu drucken ..., weil ich nicht Objekt arbeitet mit json gelänge
[{"agence":"CTM","secteur":"Safi","statutImp":"operationnel"}]
Wie einem JSON-Objekt arbeiten ich diese Daten mit PDFMaker verwenden kann es als PDF-Datei zu drucken ..., weil ich nicht Objekt arbeitet mit json gelänge
Hier ist eine Demo mit pdfmake
,
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>
danken u für die Antwort .. ..aber vom Server erhalte ich die Daten als json object..how kann ich Ihre exemple verwenden meine proble zu beheben ?? –
Sie müssen die Beispieldaten mit Ihrem JSON-Objekt ersetzen, das ist alles – Sajeetharan
nein .. es dosnt arbeitete für mich –
Check out this: http://stackoverflow.com/questions/37456858/how-to-export-my-json-data-into-pdf-excel-using-angular-2 –