Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Angular(4.0)打印_Javascript_Angular_Printing - Fatal编程技术网

Javascript 如何使用Angular(4.0)打印

Javascript 如何使用Angular(4.0)打印,javascript,angular,printing,Javascript,Angular,Printing,我一直在试图找到一个解决方案,让HTML元素在我的MEAN应用程序中打印出来。我已经检查了ng print,angular print,angular将html保存到pdf等等,但这些似乎都是为Angularjs开发的。有人有最新版本的angular打印解决方案吗 或者如果不行,我怎么能使用像angular print这样的带有angular 2及以上的字体呢 澄清一下:理想情况下,我会将模块/指令导入app.module.ts,然后在html文件中标记我想用于打印的元素和按钮。我还假设可能需要

我一直在试图找到一个解决方案,让HTML元素在我的MEAN应用程序中打印出来。我已经检查了
ng print
angular print
angular将html保存到pdf
等等,但这些似乎都是为Angularjs开发的。有人有最新版本的angular打印解决方案吗

或者如果不行,我怎么能使用像angular print这样的带有angular 2及以上的字体呢

澄清一下:理想情况下,我会将模块/指令导入app.module.ts,然后在html文件中标记我想用于打印的元素和按钮。我还假设可能需要向链接到html文件的组件添加一些内容。html将如下所示:

<button print-directive>Print</button>
<div print-id="printThisElement">
    <p>content</p>
</div>
打印
内容

打印
内容


发现了一个名为
essence-ng2-print的NPM软件包
,该软件包与angular兼容,不需要太多翻译。有些部分起初并不明显,但经过一番挖掘后,我终于能够让它工作了。如果有人读过这篇文章,发现他们也有同样的问题,但无法让精华发挥作用,我将在这里发布我采取的步骤

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