2017-09-22 2 views
1

J'ai essayé de trouver une solution pour imprimer un élément HTML dans mon application MEAN. J'ai vérifié ng-print, angular-print, angular-save-html-to-pdf et plus, mais tout cela semble avoir été développé pour Angularjs. Quelqu'un at-il une solution pour imprimer dans la dernière version de angulaire?Comment imprimer avec Angular (4.0)

ou à défaut, comment puis-je utiliser quelque chose comme angulaire-impression avec angulaire 2 et plus?

pour clarification: j'importerais idéalement le module/directive dans app.module.ts, puis marquerais les éléments et le bouton que j'aimerais utiliser avec l'impression dans mon fichier html. Je suppose également que je devrais ajouter quelque chose au composant liant au fichier html. Le html ressemblerait à ceci:

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

ou

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

Répondre

2

trouvé un paquet NPM appelé essence-ng2-print qui était compatible avec angulaire et n'a pas trop d'efforts pour traduire. Certaines parties ne sont pas apparentes au début, mais après quelques travaux, j'ai réussi à le faire fonctionner. Si quelqu'un lit cela et constate qu'il a le même problème, mais qu'il ne peut pas faire fonctionner son essence, je posterai les étapes que j'ai suivies ici.