仅在表单中打印数据单击打印按钮AngularJS

时间:2016-03-17 15:58:08

标签: angularjs angularjs-scope angularjs-ng-repeat angularjs-ng-form ng-controller

我的表单中有多个add-remove输入字段行。这只不过是一份报告。有一个打印按钮,我想只打印以结构化方式输入的数据。类似于表,列,行和文本,但不是按钮或输入框边框。我试过这个打印按钮

javascript:window.print()

使用

创建类
{
  display: none;
  border: none;
}

想知道如何编写功能,我可以收集数据并以结构化方式获取打印视图点击打印按钮。

这是我正在处理的代码

See Plunker

1 个答案:

答案 0 :(得分:1)

您应该创建一个打印样式表。网上有很多文章描述了如何创建它,但实质上它是一个单独的样式表,允许你创建一个单独的打印样式,从而你可以隐藏项目,更改字体大小,删除边框等打印html页面。我认为这可以帮助您解决问题。此处的搜索结果为:tips-and-tricks-for-print-style-sheets