我想知道如何有条件地打印(真实打印 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 |
编辑:所有数据都需要出现在表格中,但我只需要显示选项来打印上面有打印按钮的行,正如我所解释的那样,只有在选择"is"时才会显示目前。
最佳答案
您可以使用与 <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_#">
关于javascript - Angularjs ng-print 动态生成表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44538861/