Question

场景：

在AngularJS中使用pdfMake创建pdf
，除了该代码块（当包含在标记为pdf创建结果的div内的结果空白pdf。

这是有问题的区块：

<div ng-repeat="thumb in responseArray" ng-if="responseArray.length >= 1">
        <p>_____________________________________</p>
        <p>Supplier ID: {{thumb.supplier_id}}</p>  
        <p>Supplier Name: {{thumb.supplier_name}}</p> 
        <p>Staked: {{thumb.staked}}</p>
        <p>Returns: {{thumb.returns}}</p>
        <p>Gross: {{thumb.gross}}</p>
        <p>Details: {{thumb.chargeDetailsSummary}}</p>        
        <p>Total Charge: {{thumb.charge}}</p>   
    </div>

我生成pdf的代码如下：

 s.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");
            }
        });
    }

任何了解pdfMake的人都对为什么以及如何修复有任何建议？

欢迎所有建议，请提出建议。
谢谢。

Answer 1

像这样固定：

<p ng-repeat="thumb in responseArray">
                 Supplier Id: {{thumb.supplier_id}}
                 Supplier Name:{{thumb.supplier_name}}
                 Staked: {{thumb.staked}}
                 Returns: {{thumb.returns}}
                 Gross: {{thumb.gross}}
                 Details: {{thumb.chargeDetailsSummary}}
                 Total Charge: {{thumb.charge}}
            </p>

猜猜这只是div标签的问题。

代码块使用PdfMake破坏pdf

1 个答案: