Discussion :

[pcouas]

Bonjour

Je cherche a imprimer uniquement le contenu d'un "ngTemplateOutlet", le windows.print() m'imprime tout
Merci de votre aide et meilleurs santé

[dukoid]

essaye ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="sectionToPrint">
      ////
</div>
 
<input type="button" (click)="onPrint('sectionToPrint')" value="print a div!" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
onPrint(divName) {
     const printContents = document.getElementById(divName).innerHTML;
     const originalContents = document.body.innerHTML;
     document.body.innerHTML = printContents;
     window.print();
     document.body.innerHTML = originalContents;
}

[pcouas]

ok
mon idee actuelle est celle ci https://angular-print-layout-service.stackblitz.io j'ai beaucoup de données à passer pour imprimer et l'ecran que je vais imprimer est différent de celui que j'ai à l’écran au départ
J'ai vu un autre exemple interessant mais que je ne compte pas utiliser dans mon cas https://dev.to/fasidongit/the-near-u...g-angular-5h4j
MAIS je ne suis pas sur de pouvoir passer un objet complexe deja en memoire via le routing

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
this.router.navigate(['/',
      { outlets: {
        'print': ['print', documentName, documentData.join()]
      }}]);

[krakatoa]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="display: none">
  <div id="print-id">
          .........
  </div>
</div>

peut être avec cette méthode !

[pcouas]

Bonjour

Finalement j'ai ajouté ngx-print avec un div hidden vers un viewChild

Merci à tous