如何使用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*/ 

};