1

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

我用 CSS 和 HTML 做了一个时间线，然后用ng-repeat它来动态生成它。但是，在 Webkit 浏览器上，时间线无法正确显示。

不幸的是，由于我的帐户是新帐户，因此我无法在帖子中嵌入图片，因此我在此处上传了它们：

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

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

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

我已经研究过了$scope.$apply，但这不起作用，因为我使用 angular 来生成值，所以我不能调用它，无论如何它应该由 angular 自动调用。

请注意，如果我<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 上发生（没有任何扩展）。

4

0 回答 0