угловая печать на второй пустой странице

Question

Я пытаюсь распечатать содержимое моей html-страницы.

Я использую этот angularPrint, но проблема с им заключается в том, что на странице предварительного просмотра я добираюсь до страниц. первый имеет контент, а второй - пустую страницу. Я пытаюсь избавиться от пустой страницы.

это мой HTML

<div id="invoice" print-section="" print-only=""> 
    <div class="invoice"> 
    <div class="invoice-company">{{user.store.name}}</div> 
    <div class="invoice-header"> 
     <div class="invoice-from"><small>from</small> 
     <address class="m-t-5 m-b-5"><strong>{{user.store.name}}.</strong><br/>{{user.store.address.street}}<br/>{{user.store.address.city}}, {{user.store.address.zipCode}}<br/>Phone: {{user.store.phone}}</address> 
     </div> 
     <div class="invoice-date"> 
     <div class="date m-t-5">{{saleDate | date:'MM/dd/yyyy'}}</div> 
     <div class="invoice-detail"># {{saleId}}<br/>Cashier {{user.firstName}}</div> 
     </div> 
    </div> 
    <div class="invoice-content"> 
     <div class="table-responsive"> 
     <table class="table table-invoice"> 
      <thead> 
      <tr> 
       <th>Item</th> 
       <th>Price</th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr ng-repeat="item in sale.items"> 
       <td>{{item.name}} {{item.size}}</td> 
       <td>{{item.price | currency}}</td> 
      </tr> 
      <tr ng-repeat="discount in sale.discounts"> 
       <td>{{discount.name}}</td> 
       <td>- {{discount.price | currency}}</td> 
      </tr> 
      </tbody> 
     </table> 
     </div> 
     <div class="invoice-price"> 
     <div class="invoice-price-left"> 
      <div class="invoice-price-row"> 
      <div class="sub-price"><small>SUBTOTAL</small>{{sale.subtotal | currency}}</div> 
      <div class="sub-price"><i class="fa fa-plus"></i></div> 
      <div class="sub-price"><small>TAX</small>{{sale.tax}}</div> 
      </div> 
     </div> 
     <div class="invoice-price-right"><small>TOTAL</small>{{sale.total | currency}}</div> 
     </div> 
    </div> 
    <div class="invoice-footer text-muted"> 
     <p class="text-center m-b-5">Thank you for coming.<br/>We hope you'll visit again.</p> 
    </div> 
    </div> 
</div> 

это директива, которая запустит действие печатающей

<button type="button" print-btn="">Print</button> 

Я хочу, решение это не имеет значения, если я должен использовать обычный JavaScript/JQuery или никакой директивы вообще. Я просто хочу заполнить счет и распечатать его.

Заранее спасибо.

Answer 1

можно добавить

#invoice:last-child { 
    page-break-after: auto; 
} 

для удаления последней страницы

Примечание: Не поддерживается в IE