角度jsを使用してdivを印刷します

Question

外部CSSを使用してhtml divを印刷したい、外部フォントを読み込むdivはコンテンツ編集可能なdivです.jQueryを使用していましたが、AngularJsを使用します。

<script> 
 
function printContent(el){ 
 
var restorepage = $('body').html(); 
 
var printcontent = $('#' + el).clone(); 
 
$('body').empty().html(printcontent); 
 
window.print(); 
 
$('body').html(restorepage); 
 
} 
 
</script>

#test { 
 
\t color: #008000; 
 
}

<button onclick="printContent('test')"> Print</button> 
 

 
<div id="test" contenteditable="true">ADCDDDDDSSS</div>

Answer 1

あなたがbodyするために選択DOMのHTMLを設定し、あなたの要件ごとにそれを印刷することができangular.element.find

angular.element.find('test'); 
console.log(t.html().text()) 

を用いて同様の方法により、特定のDOM要素にアクセスすることができます。