0

私は 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>

jsフィドル

私が直面している問題は、ローカルマシンで作業している場合、完璧に機能することです。しかし、ローカルサーバーに展開すると、印刷プレビューが空になることがあります。一方、サーバーにデプロイされたコードをデバッグする場合、printthis.js は機能します。

printthis.js でタイムアウト時間を増やそうとしましたが、うまくいきませんでした。この問題について何か考えはありますか？私のjqueryのバージョンは2.1.0です

ここでもう 1 つ追加したいのは、ページの読み込み後に印刷する必要がある html コンテンツを編集すると、printThis.js が正常に機能し、コンテンツが印刷プレビューになることです。それ以外の場合、最初にページがレンダリングされ、html コンテンツが読み込まれると、printThis.js は空のプレビューをレンダリングします。

4

2 に答える 2

1

CSS側で試してもらえますか...これはコードです

@media print {

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

于 2016-01-21T12:42:09.047 に答える