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