javascript - printThis.js 有时不打印内容

Question

我正在使用 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();
    }
}

html代码：

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

jsFiddle

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

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

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

Answer 1

你能在 CSS 方面试试吗……这是代码

@media print {

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

Answer 2

在我的本地机器上工作

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