角JS和打印ngclick打破

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單擊不會再加載

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(); 
};