2017-10-18 4 views
0

Je veux imprimer des données que j'ai dans une variable. Le code que j'ai est:Imprimer les données dans Angular2

public printData(data) { 
     let printContents, popupWin; 
     printContents = data; 
     popupWin = window.open('', '_blank','resizable=yes,top=0,left=0,height=100%,width=auto'); 
     popupWin.document.write(` 
     <html> 
      <head> 
      <title>Print</title> 
      </head> 
      <body onload="window.print();window.close()">${printContents}</body> 
      </html>` 
    ); 
    popupWin.document.close(); 
} 

Il fonctionne très bien, mais je reçois quelque chose comme ceci:

enter image description here

et je ne veux pas veulent la fenêtre derrière les options d'impression. Je veux montrer à l'utilisateur que:

enter image description here

Est-il possible de le faire?

Merci d'avance.

+1

Vous pouvez y parvenir en utilisant un 'iframe' un coup d'oeil à ce poste https://stackoverflow.com/questions/9616426/javascript-print-iframe-contents-only - La réponse acceptée pourrait être ce que vous cherchez –

+0

Je l'ai essayé et cela fonctionne. Merci pour votre réponse. – Yckeb

+0

NP .. heureux de vous aider –

Répondre

1

Vous pouvez utiliser un IFrame, souviens-toi de ne pas utiliser window.open dans ce cas ...