AngularJS，我如何让按钮打印一些东西？答案

【问题标题】：AngularJS, how do I make a button print something?AngularJS，我如何让按钮打印一些东西？
【发布时间】：2017-12-14 08:51:14
【问题描述】：

我有一个表格，然后在其上方添加了一个打印按钮，我可以在 ng-click 中添加什么以使浏览器按照我设置的打印 css 打印我的页面？

我有一个 page.htm 和一个 controller.ts，如果您能解释一下如何操作，我会很高兴当您按下打印机按钮时，会出现预览，您可以从那里确认打印！

我尝试使用在这里找到的东西：

$scope.printDiv = function(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var popupWin = window.open('', '_blank', 'width=300,height=300');
  popupWin.document.open();
  popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="style.css" /></head><body onload="window.print()">' + printContents + '</body></html>');
  popupWin.document.close();
}

但如果我把它放在控制器中，它会给我错误，首先是 $scope（找不到名称 $scope），其次是函数（divName）（参数“divName”隐含了“任何”类型） .

我是 AngularJS 的新手，所以我有点迷茫，尤其是代码的去向！

谢谢

【问题讨论】：

为什么不使用window.print()
查看@media 查询，您可以直接管理页面的打印视图：benfrain.com/create-print-styles-using-css3-media-queries

标签： javascript angularjs printing

【解决方案1】：

您可以使用 ngPrint 指令进行打印 https://github.com/gilf/ngPrint

【讨论】：