Print a div using javascript in angularJS single page application

Question

I have a single page web application using angularJS. I need to print a div of certain page. I tried the following:

The page contains few div (print.html)

Answer 1

I done this way:

$scope.printDiv = function (div) {
  var docHead = document.head.outerHTML;
  var printContents = document.getElementById(div).outerHTML;
  var winAttr = "location=yes, statusbar=no, menubar=no, titlebar=no, toolbar=no,dependent=no, width=865, height=600, resizable=yes, screenX=200, screenY=200, personalbar=no, scrollbars=yes";

  var newWin = window.open("", "_blank", winAttr);
  var writeDoc = newWin.document;
  writeDoc.open();
  writeDoc.write('' + docHead + '' + printContents + '');
  writeDoc.close();
  newWin.focus();
}