angular打印功能--print.js插件

本文介绍了如何在Angular应用中使用Print.js插件实现打印功能,详细阐述了下载、引入和使用插件的步骤,以及解决过程中遇到的问题。内容包括分页打印、保留页眉页脚和同时打印多张表的策略。通过设置CSS属性如`page-break-before`和`page-break-after`,可以实现灵活的打印控制。
摘要由CSDN通过智能技术生成

之前尝试了好几个打印功能,但都有各种问题,综合下来,print.js这个插件的问题最少

我感觉,print.js最大的便利就是可以引入 打印css文件

步骤:

1、下载插件

npm install print-js --save

2、引入到文件

哪个文件需要打印,就引入到哪个文件

import printJS from 'print-js'

这里引入时会报错,报错如下:
解决方法在下面,先把print.js插件流程写完

在这里插入图片描述

3、使用

html文件,要打印的内容

<div id="printTable" (click)="printSomething()" style="cursor: pointer;">
    <div class="font">打印内容</div>
</div>

ts逻辑

 printSomething() {
    this.dom = document.getElementById('printTable'); /
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值