How to print with Angular (4.0)

Question

I've been trying to find a solution to getting an HTML element to print in my MEAN app. I've checked ng-print, angular-print, angular-save-html-to-pdf and more, but these all seem to have been developed for Angularjs. Does anyone have a solution for printing in the newest version of angular?

or failing that, how can I use something like angular-print with angular 2 and above?

for clarification: i'd ideally import the module/directive into app.module.ts, then mark the elements and button i'd like to use with printing in my html file. I also assume i may need to add something to the component linking to the html file. The html would look like:

<button print-directive>Print</button>
<div print-id="printThisElement">
    <p>content</p>
</div>

or

<button (click)="printfunction();">Print</button>
<div print-id="printThisElement">
    <p>content</p>
</div>

KuroKyo · Accepted Answer · 2017-09-26 01:26:59Z

2

Found a NPM package called essence-ng2-print that was compatible with angular and wasn't too much effort to translate. Some parts are not apparent at first but after some digging I was able to get it to work. If anyone ever reads this and finds they have the same problem, but cannot get essence to work, I will post the steps i took here.

answered Sep 26, 2017 at 1:26

KuroKyo

4112 bronze badges

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

Collectives™ on Stack Overflow

How to print with Angular (4.0)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related