Ionic 5 与 Angular 9：如何从桌面（非移动设备）打印

Question

我正在处理一个作为网络应用程序构建的 ionic 5 应用程序。它没有移动组件。

我需要允许用户打印页面。当我有一个打印按钮并与如下所示的功能关联时，它仅打印可视区域。

printPage() {
  window.print();
}

考虑到屏幕上的内容量，我可以判断该文档应该有 2-3 页长。

我看到有一个cordova-plugin-printer插件，但它用于从移动设备进行打印。

打印整个 DOM 的正确方法是什么？

Answer 1

我最近遇到了类似的情况，我最终在我的项目中创建了一个角度组件，其灵感来自e-ngx-print。

唯一的限制是您必须将*.css要打印部分的文件传递给此组件。

我为你创建了一个stackblitz，看看它是否对你有用。