A working angularJS print directive

printDirective.js

(function (angular) {
    "use strict";
    function printDirective() {
        var printSection = document.getElementById("printSection");
 
        function printElement(elem) {
            // clones the element you want to print
            var domClone = elem.cloneNode(true);
            if (!printSection) {
                printSection = document.createElement("div");
                printSection.id = "printSection";
                document.body.appendChild(printSection);
            } else {
                printSection.innerHTML = "";
            }
            printSection.appendChild(domClone);
        }
 
        function link(scope, element, attrs) {
            element.on("click", function () {
                var elemToPrint = document.getElementById(attrs.printElementId);
                if (elemToPrint) {
                    printElement(elemToPrint);
                    window.print();
                }
            });
        }
 
        return {
            link: link,
            restrict: "A"
        };
    }
 
    angular.module("app.directives").directive("ngPrint", [printDirective]);
}(window.angular));

Thanks for sharing this but i have issue i am getting extra one blank page

is there any solution for that ?