Question

我有一张桌子，然后在上面我添加了一个打印按钮，我可以在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”隐含有''any''类型）。

我是AngularJS的新手，所以我有点迷失，特别是在代码的位置！

谢谢

Answer 1

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

AngularJS，如何制作按钮打印的东西？

1 个答案: