使用Angular 5打印页面

Question

您是否有人知道如何使用Angular 5打印我网站的某个部分？我尝试在互联网上找到解决方案，但在我看来，Angular只有解决方案。

Answer 1

有两种方法可以做到。 1.使用print-js

npm install print-js

将脚本路由添加到angular-cli.json

"../node_modules/print.js/src/index.js"

将打印功能添加到html文件

<div class="welcome-screen-wrapper-new-test">
  <div class="welcome-screen-header" id="what-needs-to-be-printed-page">

打印部分在此处

 </div>
  <div class="new-test-print">

onClick功能在此处

 <div class="print-wrapper" onclick="printJS('print-page', 'html')">
      <span class="icon print"></span>
    </div>
  </div>
</div>

DONE！

1. 插入此脚本标记

<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>

添加使用相同的html格式。

古德纳克！

Answer 2

我用另一种方式 在编译器选项tsconfig.json中添加此属性allowSyntheticDefaultImports：true，然后将printjs导入我的组件内部，如下所示： 从'print-js / src / index'导入打印 终于用了