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

Angularjs 使用Angular JS打印表格的所有数据,angularjs,Angularjs,我正在使用dirPagination.js对angular js中的表进行分页。我想打印表中的所有数据。我尝试了一些方法,但我只能打印当前页面数据。有人能告诉我打印表中所有分页的数据吗 请让问题得到回答,而不是标记重复或无用的问题,更好地帮助。非常简单。在这里,我已经完成了表中所有数据的打印 var popupWin; $scope.printDiv = function(divName,loclist) { console.log(divName) console.log(lo

我正在使用dirPagination.js对angular js中的表进行分页。我想打印表中的所有数据。我尝试了一些方法,但我只能打印当前页面数据。有人能告诉我打印表中所有分页的数据吗


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

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

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();
}
var-popupWin;
$scope.printDiv=函数(divName,loclist){
console.log(divName)
console.log(loclist.finalarr)
setItem('itemKey',JSON.stringify(loclist.finalarr));
popupWin=窗口打开(“”,“”,“”,“”,“”;
popupWin.document.open();
popupWin.document.write('S.NoToolAction DoneUserAssigned to FollowUp DateContact name company name phonecityproductdealing ProductResultAction to don to don下一步FollowUp{{{$index+1}{{data.tool}}{{data.followups.actiondone}{{{{data.empid}}{data.followups.assignedto}{{{data.followups.FollowUp}日期:{dd MMM yyyyyyy}{data.firmname}{data}{name}{{{data.contact}{{data.city}}-{{data.product}{{data.dproduct}{{data.followups.result}{{data.followups.nextaction}{{data.followups.nextFollowups.nextFollowups}日期:“dd MMM yyyyy}var app=angular.module(“dumb”,[“ngStorage”]).controller(“dumbconr”,function($localStorage,$rootScope,$rootScope=rootScope){localkey.JSON”){key存储($rootScope});
popupWin.document.close();
}
这里

  • loclist是需要打印的数组
  • 我已经在控制器中创建了html页面,并以此为基础呈现数据,同时检查所需的条件
  • 使用Localstorage get和set方法可以获取数据

  • 你能做一个简单的扑通,这样我们就可以了吗help@PanosK这是plunker好的可能我没有完全理解你想在哪里打印所有文件的问题data@PanosK,如小提琴中所示,我只能打印第一页,但我的要求是打印所有10页。如果将每页输入项设置为100,则不应工作?是否要打印10页0记录,即使您的每页项目数设置为10?