Print div only one time in AngularJS

Question

I want to print div only one time. Second it should not print.

$scope.printDiv = function(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var popupWin = window.open('', '_blank', 'width=300,height=300');
  popupWin.document.open();
  popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="style.css" /></head><body onload="window.print()">' + printContents + '</body></html>');
  popupWin.document.close();
}

<div>
  <div>
    Do not print
  </div>
  <div id="printable">
    Print this div
  </div>
  <button ng-click="printDiv('printableArea');">Print Div</button>
</div>

The total print count is one. Then i want to restrict it to not print. How can I do this in angular js. Can anyone help me on this.

Tan Duong · Accepted Answer · 2018-04-09 08:41:26Z

1

You can add flag when you already clicked

var clicked = false;
$scope.printDiv = function(divName) {
if (clicked) return;
clicked = true;
  var printContents = document.getElementById(divName).innerHTML;
  var popupWin = window.open('', '_blank', 'width=300,height=300');
  popupWin.document.open();
  popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="style.css" /></head><body onload="window.print()">' + printContents + '</body></html>');
  popupWin.document.close();
}

answered Apr 9, 2018 at 8:41

Tan Duong

2,1421 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Srigar · Accepted Answer · 2018-04-09 09:37:52Z

1

You can have a variable for the count. You can configure totalCount option dynamically.

var count = {
    totalCount: 1,
    currentCount: 0
};
$scope.printDiv = function(divName) {
   if (count.totalCount == count.currentCount) {
       console.log("Already Printed");
       return;
   }
   count.totalCount += 1;
   var printContents = document.getElementById(divName).innerHTML;
   var popupWin = window.open('', '_blank', 'width=300,height=300');
   popupWin.document.open();
   popupWin.document.write('<html><head><link rel="stylesheet" 
    type="text/css" href="style.css" /></head><body 
     onload="window.print()">' + printContents + '</body></html>');
   popupWin.document.close();
}

answered Apr 9, 2018 at 9:37

Srigar

1,6983 gold badges14 silver badges29 bronze badges

Collectives™ on Stack Overflow

Print div only one time in AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related