ng-printを使用してCSSスタイルを適用する方法

Question

私はangle JSを使用してPHPページを作成しました。今、私はそのページを印刷したいと思います。私は自分のapp.jsにngPrintを追加し、idをメインdivに割り当てました。ページプレビューデータは完全に表示されますが、CSSプロパティはありません。また、ngPrint.cssとngPrint.jsも追加しました。私はどんな考えを持っていない

<div class="main" id="printSectionId" ng-app="IncomeBenefit"> 
    <h1 class="main_h1_calc">Calculator</h1>  
     <div class="col-main-w-12" ng-controller="displayController"> 
      <div class="col-main-w-5"> 
       <div class="form-header-main" ng-repeat="X in names"> 

            <!-- form section -->       
            <div class="form-header"> 
             <div class="form-header-l">Client Age</div>  
             <div class="form-header-r">{{X.client_age}}</div>  
            </div>        
            <!--/ form section -->  
       </div> 
      </div> 
<button class="btn btn-primary" ng-print print-element-id="printSectionId"><i class="fa fa-print"></i> Print</button> 
       </div> 
      </div> 

- ：

ヘッダ部での私のコード： - app.jsの

<link rel="stylesheet" type="text/css" href="css/style.css"> 
<script src="js/angular.min.js"></script> 
<script src="app/app.js"></script> 
<!-- ng-print --> 
<link rel="stylesheet" type="text/css" href="css/ngPrint.css"> 
<script src="js/ngPrint.js"></script> 
<!--/ ng-print --> 

： - 表示ページの

var mainApp = angular.module("IncomeBenefit", ['ngPrint']); 

。印刷可能なデータにCSSプロパティを追加する方法。私はインラインCSSを試してみましたが、成功できませんでした。私に何ができる ？

次を追加し、あなたの style.cssファイルの試みを

Answer 1

とhappendsものを参照してください：

@media print { 
    body { border: 15px solid black; } 
} 

をあなたは印刷スタイルを適用し、その中evertyhing含める@media printを使用する必要がなく、印刷するときに、CSSのサポートがやや限られていることを忘れないでください。

A good tutorial to get started with