首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用angularjs将角模态导出到pdf?

如何使用angularjs将角模态导出到pdf?
EN

Stack Overflow用户
提问于 2016-04-15 11:38:12
回答 1查看 2K关注 0票数 0

我有一个角度模态,我想要一个按钮,在模态名为导出到pdf,这将导出我的模态内容到pdf文件。

我已经查过了,但没有找到任何解决办法。

我有5个模块,我只想使用一个通用函数。请帮我处理这个。提前感谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-18 11:11:33

这是我所经历的,

HTML模式:

代码语言:javascript
复制
<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代码

代码语言:javascript
复制
$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*/  

};

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36646128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档