使用ng-show进行Angular-save-html-to-pdf

时间:2017-05-12 15:14:44

标签: javascript html angularjs pdf

我有一个角度应用程序,我必须从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标记的可行解决方案?没有找到任何解决方案

感谢您的帮助!

3 个答案:

答案 0 :(得分:0)

mDrawerLayout = findViewById(R.id.drawer_layout); mDrawerLayout.postDelayed(new Runnable() { @Override public void run() { if (mDrawerLayout != null) { mDrawerLayout.openDrawer(Gravity.LEFT); } } }, 200); 可能无法满足您的要求 - 我认为您的意思是您希望打印html元素但不会向用户显示。我自己也在研究类似的问题,如果您仍在寻找答案,请尝试使用html-to-pdf-savehttps://www.npmjs.com/package/angular-print)。它有一个“仅打印”部分,您可能会感兴趣。您应该能够在打印过程中选择PDF作为选项。

答案 1 :(得分:0)

我有同样的问题。最终只需偏移容器div -10000,它就会按预期工作。有点hacky,但是可以用。

答案 2 :(得分:0)

您要在其中使用ng-show = true的div,请使用CSS隐藏该div。使用display:none;