AngularJS ng-repeat条件

Question

我有一个JS对象数组(例如文档中的段落),我想使用angularJS显示它们. ng-repeat似乎是我需要的指令:

<span ng-repeat="paragraph in paragraphs">{{paragraph.text}}</span>

但是,我需要做的不仅仅是在这个循环中显示它们的内容.我需要<div class="pagebreak" />在x像素之后插入分页符(仅用于视觉目的,例如:)(尝试WYSIWYG文档).

我的问题:

是否可以使用某种条件逻辑来计算前面段落垂直使用的像素数,如果超过x,则插入分页符div并重置计数器？

任何帮助/建议/方向非常感谢.

Answer 1

我认为您可以使用 ng-model 解析当前段落文本长度到控制器，如果它与您的 x 像素条件匹配，并使用 ng-show 显示分页 div

<span ng-model='paragraph' ng-repeat="paragraph in paragraphs">{{paragraph.text}}</span>
<div class="pagebreak" ng-show="'show=='WhenItMatch'" />