带有 ng-show 的 Angular-save-html-to-pdf答案

【问题标题】：Angular-save-html-to-pdf with ng-show带有 ng-show 的 Angular-save-html-to-pdf
【发布时间】：2017-10-11 23:24:18
【问题描述】：

我有一个 Angular 应用程序，我必须在其中从 HTML 元素生成 PDF。

我正在使用角度模块ng-html-to-pdf-save。

通常，它可以完美运行，但我想隐藏导出的 HTML div，用户不需要看到它。

我在 div 上放了一个ng-show='false'，但是导出的 PDF 是完全空白的...

我的导出按钮：

<button pdf-save-button="exportHV" pdf-name="exportHV.pdf" title="Export" 
        class="btn btn-primary pull-right ">
  <i class="fa fa-file-o"></i> Export
</button></h1>

我导出的 div：

<div pdf-save-content="exportHV" ng-show="true">
    A TEST !
</div>

使用ng-show="true"，生成的PDF包含“A TEST！”，使用ng-show="false"，它是空白的...

是否有导出隐藏 HTML 标记的有效解决方案？没找到解决办法

感谢您的帮助！

【问题讨论】：

请提供指向您的代码的链接，如plnkr.co 或jsfiddle.net 中所述

标签： javascript html angularjs pdf

【解决方案1】：

您尝试在其中使用 ng-show=true 的 div，使用 css 隐藏此 div。使用显示：无；

【讨论】：

【解决方案2】：

我有同样的问题。结束了只是抵消了容器 div -10000 并且它按预期工作。有点hacky，但它有效。

【讨论】：

【解决方案3】：

html-to-pdf-save 可能无法满足您的要求 - 我假设您的意思是您希望打印一个 html 元素但不向用户显示。我自己也在研究类似的问题，如果您仍在寻找答案，请尝试使用angular-print (https://www.npmjs.com/package/angular-print)。它有一个您可能感兴趣的“仅打印”部分。您应该能够在打印过程中选择 PDF 作为选项。

【讨论】：