var app = angular.module("app", []);

 app.controller("listController", ["$scope",
   function($scope) {

  
    $scope.employees = [{pageIndex: "one",pageHeader: "This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1This should be shown in page1"},
    {pageIndex: "two",pageHeader: "This should be shown in page2"},
    {pageIndex: "three",pageHeader: "This should be shown in page3"},
    {pageIndex: "four",pageHeader: "This is shown in page4"},];
     
    $scope.export = function(){
	console.log("in pdf export");
	 var pdf = new jsPDF('landscape');
	 var width1 = pdf.internal.pageSize.width;
var height = pdf.internal.pageSize.height;

            var source = "";
	 	    $scope.employees.forEach(function(value){
				  source+= "<div>"+value.pageHeader + "</div><!--ADD_PAGE-->";
	 	       })
	 	        specialElementHandlers = {
			           // element with id of "bypass" - jQuery style selector
			           '#bypassme': function (element, renderer) {
			               // true = "handled elsewhere, bypass text extraction"
			               return true
			           }
			       };
			       margins = {
			           top: 80,
			           bottom: 60,
			           left: 10,
			           width: '100%'
			       };
			       // all coords and widths are in jsPDF instance's declared units
			       // 'inches' in this case
			       pdf.fromHTML(
			       source, // HTML string or DOM elem ref.
			       margins.left, // x coord
			       margins.top, { // y coord
			           'width': width1, // max width of content on PDF
			           'elementHandlers': specialElementHandlers
			       },

			       function (dispose) {
			           // dispose: object with X, Y of the last line add to the PDF
			           //          this allow the insertion of new lines after html
			           pdf.save('test.pdf');
    }, margins);


}
   }
 ]);

<!doctype html>
<html ng-app="app">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.33/vfs_fonts.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
 <script src="script.js"></script>
</head>

<body>
  <div ng-controller="listController">
        <button ng-click="export()">export</button>
    <div id="exportthis">
      <h1>This is header</h1>
      <font color="red">Sample page</font>
   
    </div>

  </div>
</body>

</html>