如何使用 angularjs 将 angular 模态导出为 pdf？

Question

我有一个 angular 模态框，我想要模态框上的一个名为导出到 pdf 的按钮，它将我的模态内容导出到 pdf 文件。

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

我有 5 个模态框，我只想使用一个通用函数。请帮我解决一下这个。提前致谢

Answer 1

这是我遇到的，

HTML Modal:

<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 Code

$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*/

};

如何使用 angularjs 将 angular 模态导出为 pdf？

How to export angular Modal to the pdf using angularjs?

html

html-to-pdf

angularjs