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

Question

我的表单中有多个添加/删除输入字段行。这不过是一份报告。有一个打印按钮，我只想打印以结构化方式在表单中输入的数据。类似于 table、列、行和文本，但不包括按钮或输入框边框。我试过这个打印按钮

javascript:window.print()

并使用

创建了 类

{
  display: none;
  border: none;
}

想知道如何编写可以收集数据并在单击“打印”按钮时以结构化方式获取打印视图的函数。

这是我正在处理的代码

See Plunker

Answer 1

您应该创建一个打印样式 sheet。网上有很多文章介绍如何创建它，但本质上它是一个单独的样式sheet，允许您创建一个单独的打印样式，从而可以隐藏项目、更改字体大小、打印 html 页面时删除边框等。我认为这可能会帮助您解决问题。搜索结果在这里：tips-and-tricks-for-print-style-sheets