Question

您好我正在使用angularjs开发Web应用程序。我已经实现了PRINT功能，当我控制p时我应该得到一个页面，但我得到额外的空白页面。下面是我的HTML。

       <div style="width: 100%;" id="printThis" class="hiddenVal">
       <div class="modifyMe"></div>
       <img src="images/logo.png" id="logo" alt="Raya Financing Co.">
       <table> here goes content </table>
       </div>
       </div>

以下是我的打印功能

  myapp.factory("PrintFactory", ['$location', '$anchorScroll', '$cookieStore', function ($location, $anchorScroll, $cookieStore) {
         var print = {};
        print.doprint=function()
        {  
         printElement(document.getElementById("printThis"));
                var modThis = document.querySelector("#printSection .modifyMe");
                modThis.appendChild(document.createTextNode(" new"));
                window.print();
                return true;
        }
        return print;
         function printElement(elem) {
                var domClone = elem.cloneNode(true);
                var $printSection = document.getElementById("printSection");
                if (!$printSection) {
                    var $printSection = document.createElement("div");
                    $printSection.id = "printSection";
                    document.body.appendChild($printSection);
                }
                $printSection.innerHTML = "";
                $printSection.appendChild(domClone);
            }
    }
    ]);

我在css中添加了以下类。

@media hiddenVal {
     html, body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;
     }
}

在上面添加课程并没有帮助我！

实际上我的html页面非常大，可能是8页，但我试图只打印出一部分。那导致我的问题是什么？

我可以知道上述问题的原因是什么？我可以帮忙解决这个问题吗？谢谢

如何避免在Javascript / angularjs中打印空白页？

0 个答案: