小编Pri*_*Roy的帖子

我有一个使用angularJS的单页Web应用程序.我需要打印某个页面的div.我尝试了以下方法:

该页面包含几个div(print.html)

<div>
  <div>
    Do not print
  </div>
  <div id="printable">
    Print this div
  </div>
  <button ng-click="printDiv('printableArea');">Print Div</button>
</div>

控制器有以下脚本:

$scope.printDiv = function(divName) {
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;        
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}

此代码打印所需的div但存在问题.该声明document.body.innerHTML = originalContents;取代了整个申请的正文,因为它是一个SPA.因此,当我刷新页面或再次单击打印按钮时,页面的整个内容都将被删除.