使用ng-repeat的Chrome / Webkit重排错误

Question

我对angularjs很陌生，我偶然发现了一个奇怪的错误。

我使用CSS和HTML创建了一个时间轴，然后使用ng-repeat动态生成它。但是，在Webkit浏览器上，时间轴没有正确显示。

很遗憾，我无法在我的帖子中嵌入图片，因为我的帐户是新的，所以我在这里上传了它们：

Webkit渲染 http://i.imgur.com/Gdt2h5F.png

但是，如果我调整窗口大小，打开控制台或更改任何CSS属性，时间线现在看起来很好： http://i.imgur.com/5yCXSfs.png

它也可以在Firefox或Safari上完美运行，无需重排。

我已查看$scope.$apply，但这不起作用，因为我使用角度来生成值，所以我无法调用它，它应该是无论如何都要通过角度自动调用。

请注意，如果我手动创建<ul><li></li></ul>，时间线会正确显示。

以下是代码示例：

    <h1>Relevés</h1>
    <ul>
        <li ng-repeat="batch in batches track by batch.id">
            <span class="date" ng-bind="batch.createdAt | amDateFormat: 'DD/MM/YY'"></span>
        </li>
    </ul>

此外，当发生此错误时，我可以在更改网页时看到其他部分视图上的时间轴的人工制品，这只发生在Chrome上（没有任何扩展名）。