Question

我有这样的打印链接

<div class="col-xs-3 mob-hide"> 
    <a href ng-click="$event.preventDefault();print('printableArea')" 
            class="share-icon print-cell">
    <img src="images/Print-Icon.png" alt="Print">Print</a> 
</div>

和功能

像这样打印

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

它似乎正确加载我的打印屏幕，但是当我点击取消时我的屏幕再次加载，但页面上的链接似乎都没有像以前那样工作。例如，我的ng-click for print功能将不会再次加载

Answer 1

我就是这样做的：

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

print.css

 * { display: none; }
 #print { display: block; }

指令

$scope.print = function(print){
  window.print();
};

Angular JS和Print ngclick打破页面

1 个答案: