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

Question

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

或者做不到这一点，我怎样才能使用 Angular 为 2 及以上的 Angular 打印之类的东西？

澄清一下:我最好将模块/指令导入 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 兼容并且翻译起来并不费力。有些部分起初并不明显，但经过一些挖掘后我能够让它工作。如果有人读过这篇文章并发现他们有同样的问题，但无法使本质工作，我将在此处发布我采取的步骤。