我对 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 上发生(没有任何扩展)。