打印这.js有时不打印内容

printThis.js sometime do not print content

本文关键字：打印 js      更新时间：2023-09-26

我正在使用printThis.js并尝试使用angularjs打印html。我的代码是 

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.Html = '<div><p>Pakistan</p></div>';
    $scope.printMe = function (){
        $dvPrint = $($scope.Html);
                $dvPrint.printThis();
    }
}

网页代码：

<div ng-controller="MyCtrl">
  <button id="print_btn" ng-click="printMe()">click it</button><br />
</div>

js小提琴

我面临的问题是，如果我在本地机器上工作，它可以完美运行。 但是如果我在本地服务器上部署它，那么有时打印预览是空的。 而在服务器上调试部署的代码时 printthis.js 有效。

我试图在 printthis 中增加超时时间.js但没有奏效。 对这个问题有什么想法吗？我的jquery版本是2.1.0

我想在这里补充的另一件事是，如果我编辑页面加载后需要打印的 html 内容，那么 printThis.js 将正常工作，内容将处于打印预览状态。 在其他情况下，如果页面呈现并在第一次加载 html 内容时打印.js将呈现空预览。

你可以在CSS端尝试一下...这是代码

@media print {

.show{font-size：24px;font-weight：bold;display：block;}}

在我的本地工作机器 

 $scope.Html = '<div><p>Pakistan</p></div>';
        $scope.printMe = function () {
            $scope.dvPrint = $($scope.Html);
            $scope.dvPrint.printThis();
        };
相关文章：