分页符不起作用

Question

我陷入了连续的分页符。我知道有很多关于它们的话题，但我真的被卡住了。我想要做的是使用angular迭代“路线”。在每条路线之后都应该有一个分页符。迭代的工作方式就像魅力一样，但分页符没有。

我在互联网上阅读了很多文章，例如this，this和this。我在Chrome中开发，但也尝试使用Firefox。虽然不行。我尝试使用分页符作为内联css以及使用外部css文件。 （在Google Chrome上，元素在使用开发人员工具进行检查时会显示分页符属性）。我避免在浮动的元素和表格内部使用分页符。

这就是我所拥有的（第3行的分页符）：

<div>
<div class="routeIterator" ng-repeat="route in routes">
    <div style="page-break-after:always;">
        <div class=" route" ng-repeat="stop in route.stops">

            <div class="header" ng-show="$index % 10 == 0">
                <table>
                    <tr>
                        <th></th>
                        <!--*/etc */ -->
                    </tr>
                    <tr>
                        <td>Datum: {{route.date }}</td>
                       <!--*/etc */ -->
                    </tr>                        
                </table>
            </div>

            <div class="content">
                <div class="titles" ng-show="$index % 10 == 0">
                    <ul>
                        <li class="first">time</li>
                        <!--*/etc */ -->
                    </ul>
                </div>

                <div class="stops">
                    <ul>
                        <li class="first"><p>{{stop.time}}</p></li>
                        /*etc */
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>