Html 页面呈现问题-（使用AngularJS）

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

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

问题是：

顶部图像显示文章添加到购物车后的页面。底部图像显示向下滚动一点时的页面

购物车图标和数量不会立即显示，只有在向下滚动页面时才会显示。最奇怪的是，如果你一直向上滚动，购物车图标会再次消失。 动态设置的标题也会发生同样的情况，当您位于页面顶部时，它会显示标题A，如果您向下滚动一点，它会更新为标题B。如果您向上滚动，它会再次显示标题A

不幸的是，我不能发布任何链接到该页面，所以我想知道是否有人知道这是什么，而实际上没有看到该页面

请注意：

这发生在Chrome上。 我尝试了其他浏览器，但看起来它们没有这个问题。 我设法让它工作起来，清除了浏览器缓存，但很快它又出现了。

---

标题A或标题B从何处引入？这些文本是否来自您的html视图/模板？您是否也可以发布代码以检查是否存在method@PaulJohn标题A和标题B是范围变量，CheckCarteExistence只是检查我的产品数组是否未定义你是否尝试过在上下滚动时查看范围值-使用类似的方式？@PaulJohn不幸的是，ng inspector无法工作不确定它是否与我使用的角度版本兼容-最新版本。不管怎么说，看起来一切都设置好了，但只有在我向下滚动或通过控制台更改CSS属性时才会显示。