Угловая печать 2+ вручную ngx print - PullRequest
Новая
       2

Угловая печать 2+ вручную ngx print

0 голосов
/ 20 сентября 2019

Мне нужно напечатать div, используя ngx-print в Angular +2, но отправить его вручную, а не как атрибут кнопки ngxPrint

<button printSectionId="print-section" (click)="printProcedure()">print</button> 

    printProcedure(){    
         /* DO SOME STUFF*/  
        //Print out after validations   
        ngxPrint.print() 
     }

1 Ответ

0 голосов
/ 20 сентября 2019

Вам не нужно использовать пакет ngx-print.Вы можете сделать это только с JS, как это. 

 printProcedure(innerHtml: any) {
    const mywindow = window.open('', 'PRINT', 'width=1023,height=1000');
    mywindow.document.write(`
    <html>
      <head>
        <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css">
        <style type="text/css">
          @page {
            page-break-after: always;
            margin: 2cm 1cm;
          }

          pre {
            font-size: 20px;
            border: 0;
            margin-top: -130px;
          }
        </style>
      </head>
      <body>${innerHTML}</body>
    </html>`);
    mywindow.document.close();
    mywindow.focus();
    setTimeout(() => {
      mywindow.print();
      mywindow.close();
    }, 400);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...