Angular viewport手表不会减少手表的数量

时间:2016-07-05 23:37:24

标签: angularjs google-chrome

我按照https://github.com/shahata/angular-viewport-watch上的说明使用Angular viewport watch指令。我的应用程序基于Angular 1.4.9。

我有很多物品(或卡片),每张卡片都有很多手表。任何时候可见的卡数都很少。但是,无论是否使用Angular viewport watch指令,手表的数量都保持不变。我确信我已正确使用该指令并添加了JS文件和模块依赖项。我也清除了我的缓存等。我也看不到控制台错误。这是在Chrome上。

我正在检查有人最近使用过Angular viewport watch指令,以及它是否适用于它们。任何提示或技巧都表示赞赏。

1 个答案:

答案 0 :(得分:1)

它不会减少观察者的数量,但会禁用视口之外的观察者数量,因此处理它们所花费的总时间会减少。

降低观察者数量的合法方法包括使用bind-once,减少表达式数量或使用虚拟渲染。

虚拟列表的一个示例是Angular Material的虚拟重复: https://material.angularjs.org/latest/demo/virtualRepeat