如何使用 Angular (4.0) 进行打印

Question

我一直在尝试寻找一种解决方案来让 HTML 元素在我的 MEAN 应用程序中打印。我检查了ng-print、angular-print、angular-save-html-to-pdf 等等，但这些似乎都是为 Angularjs 开发的。有没有人有在最新版本的角度打印的解决方案？

或者失败了，我如何使用 angular-print 之类的 angular-print 和 angular 2 及以上？

为了澄清：我最好将模块/指令导入 app.module.ts，然后在我的 html 文件中标记我想用于打印的元素和按钮。我还假设我可能需要向链接到 html 文件的组件添加一些内容。 html 看起来像：

<button print-directive>Print</button>
<div print-id="printThisElement">
    <p>content</p>
</div>

或

<button (click)="printfunction();">Print</button>
<div print-id="printThisElement">
    <p>content</p>
</div>

Answer 1

找到了一个名为 essence-ng2-print 的 NPM 包，它与 Angular 兼容，翻译起来也不费力。有些部分起初并不明显，但经过一些挖掘后，我能够让它工作。如果有人读过这篇文章并发现他们有同样的问题，但无法让精华发挥作用，我会在这里发布我采取的步骤。