时间戳

首页 > 解决方案 > 在 n 行后插入分页符

angularjs - 在 n 行后插入分页符

问题描述

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

这是我的代码：

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

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

标签： angularjsangularjs-ng-repeat

解决方案

只需取除法的其余部分并检查它是否是 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，以便我们可以更好地帮助您。快乐编码:)

推荐阅读