我有一个使用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;
替换了整个应用程序的 body,因为它是单页应用(SPA)。因此当我刷新页面或再次点击打印按钮时,整个页面的内容都会被清除。