Angular 2- DOM element manipulation in Angular 2

Question

<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>

`

How I can use this script in my component class method.I want when My button is clicked my above script is run but I don't know how manipulation DOM in Angular 2

Community · Accepted Answer · 2017-05-23 12:17:37Z

1

You do not need to wrap it within a script HTML tag, just call that function (implemented in your TS file) once the button is clicked, something like: <button (click)="printContent()">print</button> . If you're looking for print stuffs, that answer could help you.

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Jan 2, 2017 at 6:58

SeleM

9,6785 gold badges36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2- DOM element manipulation in Angular 2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related