Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs/Javascript:使用css将生成的表格数据从网页打印到打印_Javascript_Html_Angularjs_Printing_Pagination - Fatal编程技术网

Angularjs/Javascript:使用css将生成的表格数据从网页打印到打印

Angularjs/Javascript:使用css将生成的表格数据从网页打印到打印,javascript,html,angularjs,printing,pagination,Javascript,Html,Angularjs,Printing,Pagination,请查看以下屏幕截图以供参考: 我需要在不同的窗口打印预览中使用css打印上面的部分,然后使用默认打印机打印对话框应该出现 我尝试通过iframe或simple hidden div打印,但呈现的html没有css部分,如下所示: 挑战在于css不会影响打印预览窗口和图像。在angualrjs scope ng repeat加载表时,如何通过javascript或angularjs有效地处理它 此外,分页数据在打印预览中应为一整页 提前感谢 这会有很大帮助 var divToPrint = doc

请查看以下屏幕截图以供参考:

我需要在不同的窗口打印预览中使用css打印上面的部分,然后使用默认打印机打印对话框应该出现

我尝试通过iframe或simple hidden div打印,但呈现的html没有css部分,如下所示:

挑战在于css不会影响打印预览窗口和图像。在angualrjs scope ng repeat加载表时,如何通过javascript或angularjs有效地处理它

此外,分页数据在打印预览中应为一整页

提前感谢

这会有很大帮助

var divToPrint = document.getElementById('SomeDivId');
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><head>' + document.head.innerHTML + '</head><body onload="window.print();setTimeout(function(){window.close();}, 100);">' + divToPrint.innerHTML + '</body></html>'); newWin.document.close();

使用此选项,它将像一个符咒一样工作。

所有这些数据是否都已加载到范围中的某个内容中?您只需要将其传递到处理新窗口和打印功能的其他指令中。数据是通过范围变量加载的,但我们正在重复并使用正在分页的ng table和NGTABLEPARMS。。如果我们使用相同的,那么它将打印一页。我不知道指导性方法。。你能精心设计吗