web-dev-qa-db-ja.com

Angular JS生成PDF-作成者-メーカーモジュール？

タイトルにあるとおり、PDF Angularの作成者/ジェネレーターはありますか？

私は https://github.com/MrRio/jsPDF を見てきましたが、Angularには何も見つかりません。ダウンロード用にhtmlページをPDFファイルにしたいのですが。

javascriptangularjspdfmeanjs
8
Stweet

言及したJavaScriptプロジェクトを、アプリ全体で呼び出すサービスにラップできます。これは実際にはかなり標準的な方法であり、基盤となる実装を変更する必要がある場合にコードを分離します。

6
Enzey

@マイクはそこに近かったようです。いくつかの簡単な変更により、見栄えの良いファイルが生成され、印刷ポップアップが表示されました。

1-「printArea」のIDを印刷する領域を指定します

2- $ window サービスを追加します

$scope.printIt = function(){
   var table = document.getElementById('printArea').innerHTML;
   var myWindow = $window.open('', '', 'width=800, height=600');
   myWindow.document.write(table);
   myWindow.print();
};
5
stackSean

このAngularディレクティブのラップjsPDF機能があります：

https://github.com/sayanee/angularjs-pdf

1
Milox

現在のHTMLドキュメントを印刷するwindow.print（）を使用できます。メディアクエリを使用してスタイルドキュメントを調整します。ドキュメントをその場で作成し、いつでもprintを呼び出すことができます

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}

私のプロジェクトの1つからのいくつかのコード、表のprintの唯一のコンテンツ：

 $scope.print = function () {
    console.log('modal print');

    var table = document.querySelector('.CSSTableGenerator').innerHTML;
    var myWindow = window.open('', '', 'width=800, height=600');
    myWindow.document.write(table);
    myWindow.print();

  };
1
Mike