HTMLをPDFに変換できるプロジェクトを作成しました。私はphantom-render-stream を使ってHTMLをPDFに変換しています。私の問題は、私はHTMLにオブジェクト値を渡すことができませんでした。以下は私のコードです。URLを使ってオブジェクト値でパラメータを渡す方法
app.js createForm.html
で
var username = "AAA";
var pets = [
{id: 1, name: "cat"},
{id: 2, name: "dog"},
{id: 3, name: "sugar glider"}
];
var address = {
line1: "Street A123",
town: "Edinburgh",
country: "Scotland"
};
render('http://localhost:8888/createForm.html?username='+username+'&pets='+pets+'&address='+address
.pipe(fs.createWriteStream('customer.pdf'));
、私はPDFに値を取得し、表示するAngularJSを使用。
createForm.html
<script>
var app = angular.module('myApp', []);
app.config(function($locationProvider){
$locationProvider.html5Mode(true);
});
app.controller('getDataCtrl', function($scope, $location) {
var url = decodeURIComponent($location.url());
var value = $location.search();
$scope.username = value.username;
$scope.pets = value.pets;
$scope.address = value.address;
})
</script>
<body>
<div ng-app="onePayForm" ng-controller="getDataCtrl">
<p>{{username}}</p>
<p>{{pets[0].name}}</p>
<p>{{address.line1}}</p>
</div>
</body>
が正常にHTMLをPDFに変換した後、私は結果を見て、PDFファイルを開きました。ユーザー名のみがpdfに表示され、残りは{{pets[0].name}} {{address.line1}}
のように表示されます。
ポスト作業jsfiddle –