<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.5.0-rc.0" src="https://code.angularjs.org/1.5.0-rc.0/angular.js"></script>
<link data-require="bootstrap@*" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdn.rawgit.com/gilf/ngPrint/master/ngPrint.min.css" />
<script src="https://rawgit.com/gilf/ngPrint/master/ngPrint.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myapp">
<h1 id="printThisElement">Hello Plunker!</h1>
<button class="btn btn-primary" ng-print print-element-id="printThisElement">
<i class="fa fa-print"></i>
Print</button>
</body>
</html>
Download
<html>
<head>
<script data-require="angular.js@*" data-semver="1.5.0-rc.0" src="https://code.angularjs.org/1.5.0-rc.0/angular.js"></script>
<link data-require="bootstrap@*" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdn.rawgit.com/gilf/ngPrint/master/ngPrint.min.css" />
<script src="https://rawgit.com/gilf/ngPrint/master/ngPrint.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myapp">
<h1 id="printThisElement">Hello Plunker!</h1>
<button class="btn btn-primary" ng-print print-element-id="printThisElement">
<i class="fa fa-print"></i>
Print</button>
</body>
</html>
Download
No comments:
Post a Comment