2017-01-02 4 views
0
<head> 
<script> 
function printContent(el){ 
    var restorepage = document.body.innerHTML; 
    var printcontent = document.getElementById(el).innerHTML; 
    document.body.innerHTML = printcontent; 
    window.print(); 
    document.body.innerHTML = restorepage; 
} 
</script> 

`Angular 2- DOM-Element Manipulation in Angular 2

Wie ich dieses Skript in meiner Komponentenklasse verwenden kann method.I wollen, wenn Ihr Schaltfläche meine obige Skript geklickt wird ausgeführt wird, aber ich weiß nicht, wie manipulation DOM in Angular 2

Antwort

1

Sie müssen es nicht innerhalb eines HTML-Tags script umhüllen, rufen Sie einfach diese Funktion (in Ihrer TS-Datei implementiert), sobald die Schaltfläche geklickt wird, etwas wie: <button (click)="printContent()">print</button>. Wenn Sie nach Drucken Zeug suchen, könnte that answer Ihnen helfen.