使用Angular JS打印表的所有数据

时间:2017-09-28 12:35:00

标签: angularjs

我正在使用dirPagination.js对角度js中的表进行分页。我想打印表中的所有数据。我尝试了一些方法,但我只能打印当前页面数据。任何人都可以让我知道打印分页表中的所有数据。

请让问题得到解答,而不是标记重复或无用的问题,更好的帮助。

1 个答案:

答案 0 :(得分:3)

非常简单。在这里,我已经完成了表的所有数据的打印。

var popupWin;
$scope.printDiv = function(divName,loclist) {
    console.log(divName)
    console.log(loclist.finalarr)
    localStorage.setItem('itemKey', JSON.stringify(loclist.finalarr));
    popupWin = window.open('', '_blank');
    popupWin.document.open();
    popupWin.document.write('<html ng-app="dumb"><head><link href="css/bootstrap.min.css" rel="stylesheet"><link href="fonts/css/font-awesome.min.css" rel="stylesheet"><link href="css/custom.css" rel="stylesheet"><script src="script/lib/jquery-2.2.0.min.js"></script> <script src="script/lib/angular.js"></script><script src="script/lib/ngStorage.min.js"></script></head><body onload="window.print();window.close()" ng-controller="dumbconr"><table class="table table-striped responsive-utilities jambo_table bulk_action" style="font-size:10px;"><thead><tr class="headings"> <th>S.No</th><th>Tool</th><th>Action Done</th><th>User</th><th>Assigned To</th><th>FollowUp Date</th><th>Contact Name</th><th>Company Name</th><th>Phone</th><th>City</th><th>Product</th><th>Dealing Product</th><th>Result</th><th>Action to be done</th><th>Next FollowUp</th></tr></thead><tbody><tr class="even pointer" ng-repeat="data in lli"><td>{{$index+1}}</td><td>{{data.tool}}</td><td>{{data.followups.actiondone}}</td><td>{{data.empid}}</td><td>{{data.followups.assignedto}}</td><td>{{data.followups.followup| date: "dd MMM yyyy"}}</td><td>{{data.name}}</td><td>{{data.firmname}}</td><td>{{data.contact}}</td><td><span ng-if="data.city">{{data.city}}<span><span ng-if="!data.city">-<span></td><td>{{data.product}}</td><td>{{data.dproduct}}</td><td>{{data.followups.result}}</td><td>{{data.followups.nextaction}}</td><td>{{data.followups.nextfollowup | date: "dd MMM yyyy"}}</td></tr></tbody></table><script>var app=angular.module("dumb", ["ngStorage"]).controller("dumbconr",function($scope, $localStorage, $rootScope){ $rootScope.lli=JSON.parse(localStorage.getItem("itemKey"));})</script></body></html>');
    popupWin.document.close();
}

这里

  1. loclist是需要打印的数组。
  2. 我在控制器中创建了html页面,并根据我正在渲染数据并检查所需条件。
  3. 使用能够获取数据的Localstorage get和set方法。