使用 Angular 5 打印页面答案

【问题标题】：Print page with Angular 5使用 Angular 5 打印页面
【发布时间】：2018-09-24 03:28:54
【问题描述】：

你们中有人知道如何使用 Angular 5 打印我网站的一部分吗？我尝试在互联网上寻找解决方案，但在我看来，只有 Angular 可用的解决方案。

【问题讨论】：

【解决方案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>

完成！

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

添加使用相同的html格式。

祝你好运！

【讨论】：

【解决方案2】：

我用另一种方式在 compilerOptions 的 tsconfig.json 中添加此属性 allowSyntheticDefaultImports ：true，然后像这样在我的组件中导入 printjs ：从 'print-js/src/index' 导入打印终于用上了

【讨论】：