AngularJS ng-repeat处理从一个div到另一个div的内容溢出

Question

<div class="page1" style="height:200px">

    <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam neque elit, volutpat sed felis id, commodo bibendum nibh. </p>

    <ol>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
    </ol>
    <ol start="3">
        <li ng-repeat="item in items">
            <span ng-show="item.Display">{{item.Text}}</span>
        </li>
    </ol>
</div>

<div class="page2" style="height:200px">

</div>

我试图将第一个div的溢出内容移动到第二个div。

第一个div具有静态内容，动态内容将通过循环遍历数组项目通过ng-repeat添加到其中。假设我在数组中有10个项目，我只能在第一个div中显示其中的4个，我想将剩余的6个项目移动到下一个div。

我知道它可以在jquery中完成，但是我在angularjs中实现它并且不确定如何在那里执行它。

提前感谢您的帮助！