AngularJS directive to enable browser printing
Switch branches/tags
Nothing to show
Clone or download
gilf Merge pull request #19 from mbmihura/master
Add dependency on angular
Latest commit 99023af Apr 17, 2017


AngularJS directive for browser printing.

Copyright (C) 2014, 2015, 2016 Gil Fink


You can choose your preferred method of installation:


Include both ngPrint.js and ngPrint.css in your application.

<link href="components/ngPrint/ngPrint.css">
<script src="components/ngPrint/ngPrint.js"></script>

Add the module ngPrint as a dependency to your app module:

var myapp = angular.module('myapp', ['ngPrint']);

ng-print directive

Use the ng-print directive on a button to indicate that it is a print button. Use the print-element-id attribute to indicate the id of the element you want to print. For example, if you want to print the whole page you can wrap it in an element with the id of myPage and set the print-element-id attribute to myPage.

<button class="btn btn-primary" ng-print print-element-id="printThisElement"><i class="fa fa-print"></i> Print</button>

As shown in the Following Post:

A working plnkr


Released under the terms of the MIT License.