Angularjs ng-print动态生成的表行

时间:2017-06-14 07:59:40

标签: javascript angularjs html5

我想知道我将如何有条件地打印(真实打印ng-print或其他方式)动态生成的表行?我已设法将数据放入表格并插入带有ng-show的按钮以显示<div>样式为按钮,在我的情况下我只需要逻辑或方式来打印显示该按钮的行。与单击按钮时一样,从该行获取数据并打印出来。

注意:您可以假设所有数据都已加载并存在于表中,因此可供使用。

这是用于更好可视化的表格表示。

| TH    | TH    | TH    | TH    |   TH      |
|----   |------ |------ |-----  |:-----:    |
| 1     | Info  | Info  | YES   | PRINT     |
| 2     | Info  | Info  | NO    |           |
| 3     | Info  | Info  | YES   | PRINT     |
| 4     | Info  | Info  | YES   | PRINT     |
| 5     | Info  | Info  | No    |           |
| 6     | Info  | Info  | YES   | PRINT     |

编辑:所有数据都需要出现在表格中,但我只需要显示选项来打印带有打印按钮的行,正如我所解释的那样只有在是本。

1 个答案:

答案 0 :(得分:0)

您可以使用<tr>上的打印按钮上使用的相同条件,因此<tr ng-show="condition">

更好的是,您可能无法使用<tr ng-if="condition">

打印这些行

修改

ng-print page说:
使用按钮上的ng-print指令表示它是一个打印按钮。使用print-element-id属性指示要打印的元素的id。例如,如果要打印整个页面,可以将其包装在id为myPage的元素中,并将print-element-id属性设置为myPage。

因此,您可以为您的id提供一个id,并使用它来识别要打印的元素:
<tr id="row_#"> <button ng-print print-element-id="row_#">