要将数据添加到打印部分,可以使用Angular 2+中的ngx-print库。以下是一个示例解决方案,包含代码示例:
npm install ngx-print --save
import { NgxPrintModule } from 'ngx-print';
@NgModule({
imports: [
NgxPrintModule
],
...
})
export class AppModule { }
import { NgxPrintService } from 'ngx-print';
@Component({
...
})
export class YourComponent {
constructor(private printService: NgxPrintService) { }
printData() {
const printContent = document.getElementById('your-element-id'); // 替换为包含要打印的数据的元素的ID
this.printService.print(printContent);
}
}
@media print {
/* 打印样式 */
}
这样,当用户点击打印按钮时,指定元素的内容将被打印出来。