在AngularJs中将HTML转换为pdf

时间:2016-09-15 10:05:13

标签: html angularjs pdf angularjs-directive

我想将一个简单的html代码转换为pdf并将其下载为pdf文件, 我用angularJs编写代码, 这是我的代码:

.directive('exportToPdf',function(){
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var el = element[0];
            element.bind('click', function(e){
                var table = e.target.nextElementSibling;
                var pdfString = '<html><table></table></html>';

                var a = $('<a/>', {
                    style:'display:none',
                    href:'data:application/pdf;base64,' + btoa(pdfString ),
                    download:'planning.pdf'
                }).appendTo('body')
                a[0].click()
                a.remove();
            });
        }
    }
});

这是我的HTML代码:

<button class="btn btn-default btn-sm" type="button" ng-disabled="TransferCtrl.transfersFiltrated.length == 0" export-to-pdf>Export PDF</button>

现在,当我点击导出按钮时,我收到了一个pdf文件,但该文件已损坏且格式不正确。 我可以知道我的代码中有什么问题吗?

0 个答案:

没有答案