使用 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>

完毕！

2. 插入此脚本标签

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

添加使用相同的 html 格式。

祝你好运！