如何使用angularjs将角度模态输出为pdf？

Question

我有一个角度Modal，我想要一个名为export to pdf的Modal按钮，它会将我的模态内容导出到pdf文件。

我已经通过搜索，但没有得到任何解决方案。

我有5个模态，我只想使用一个泛型函数。 请帮我这个。 在此先感谢

Answer 1

这是我来到防空火炮，

HTML模态：

<div class="modal-body" id="pdfPrakrutiId" style="height:480px;overflow: auto;"> 
        <div ng-include="'../prakrutiVP.html'"></div> 
       </div> 
       <div class="modal-footer" style="margin-bottom:5px;margin-right:10px;"> 
        <button type="button" class="btn btn-default" ng-click="closeSecond()">{{'prakruti.common.close' | translate}}</button> 
        <button type="button" id="btn" class="btn btn-default" ng-click="exportToPdf()">Export to pdf</button> 
       </div> 

JS代码

$scope.exportToPdf = function (value) { 
/*Code to generate pdf*/ 
var pdf = new jsPDF('p', 'pt', 'letter'); 
var specialElementHandlers = { 
    '#bypassme': function(element, renderer) { 
     return true; 
    } 
    }; 
    var margins = { 
    top: 50, 
    bottom: 60, 
    left: 60, 
    right:20, 
    width: 522, 
    }; 
    pdf.fromHTML(
    $("#pdfPrakrutiId").html(), 
     margins.left, 
     margins.top, 
     { 
     'width': margins.width, 
     'elementHandlers': specialElementHandlers 
     }, 
    margins 
); 
    pdf.save('my_prakruti.pdf'); 
/*Code to generate pdf ends here*/ 

};