页面渲染问题 - （使用AngularJS）

Question

我在使用AngularJS和Chrome时遇到了一个奇怪的页面渲染问题。 我创建的购物车图标仅显示购物车中至少有一个元素。代码是：

<a ng-style="{visibility:myCart.checkCartExistence()?'visible':'hidden'}" href="/cart"><span ng-bind="myCart.getCartQty()"></span></a>

这就是问题所在：

顶部图像会在文章添加到购物车后立即显示页面。
当您向下滚动一下时，底部图像会显示相同的页面。

购物车图标，数量不会立即显示，仅在向下滚动页面时显示。最奇怪的是如果你一直向上滚动，购物车图标会再次消失。 动态设置的标题也是如此，当你在页面顶部显示TITLE A时，如果向下滚动它会更新为TITLE B.如果向上滚动它再次显示TITLE A.

很遗憾，我无法发布任何指向该网页的链接，所以我想知道是否有人知道这是什么，而实际上没有看到该网页。

请注意：

• Chrome会发生这种情况。
• 我尝试过使用其他浏览器看起来像他们没有这个问题。
• 我设法让它以某种方式工作，清除浏览器缓存，但很快就又出现了。