在n行之后插入分页符

时间:2019-07-17 20:30:45

标签: angularjs angularjs-ng-repeat

我正在使用html2pdf在AngularJS中将html导出为pdf,我的问题是我需要在n行之后插入一个分页符。.BDW我正在使用dir-paginate ...

这是我的代码:

<tr data-index="{{$index}}"
    dir-paginate="(ikey,iitem) in products | itemsPerPage:10">`

我尝试了不同的解决方案,但没有任何效果 我必须用class="html2pdf__page-break插入div并例如每10行重复标题。

1 个答案:

答案 0 :(得分:0)

简单地进行除法运算的其余部分,并检查它是否是10的乘数,就像这样:

    <div ng-repeat="item in items track by $index">
       <div ng-if="$index % 10 == 0">
          <!-- do something every 10 items -->
       </div>
       <div ng-if="$index % 10 != 0">
          <!-- else do another something -->
       </div>
       <div>
          <!-- do something everytime -->
       </div>
   </div>

您可以使用类似的功能来使其保持整洁,但思想是相同的。 使它适应您的代码,或添加一个Codepen / jsfidle,以便我们更好地帮助您。 编码愉快:)