angular-viewport-watch:Angular指令在视口外的范围内禁用观察者

时间:2024-05-15 01:15:41
【文件属性】:

文件名称:angular-viewport-watch:Angular指令在视口外的范围内禁用观察者

文件大小:38KB

文件格式:ZIP

更新时间:2024-05-15 01:15:41

JavaScript

角度视口手表 当元素未在视口中显示时,通过禁用观察者,可以提高的ng-repeat指令对长列表的性能。 演示: : 顺便说一句, ng-repeat只是一个例子,该指令可以在任何东西上工作。 它能做什么 显示长列表项在角度上是一个很大的麻烦,因为它们将更多的观察者添加到范围中,这使摘要循环更长。 由于每个模型的角度变化都会触发摘要循环,因此,如果同时在页面上显示一长串某些项目,则即使是简单的操作(例如在某些输入字段中键入名称)也可能变得缓慢。 Angular 1.3添加了一次绑定机制,一旦观察者收到值,该机制便将其删除,但这仅在您显示的列表是静态的时才有用。 如果您的列表包含随时可能更改的动态信息,该怎么办? 在这种情况下,一次绑定将无济于事。 该库引入了一个名为viewport-watch的简单指令,该指令通过禁用当前不在viewport-watch来解决此问题,并确保它们


【文件预览】:
angular-viewport-watch-master
----.jshintrc(423B)
----bower.json(522B)
----angular-viewport-watch.sublime-project(169B)
----Gruntfile.js(937B)
----Gemfile(84B)
----.travis.yml(296B)
----LICENSE(1KB)
----test()
--------.jshintrc(920B)
--------spec()
--------mock()
----README.md(3KB)
----angular-viewport-watch.js(3KB)
----.bowerrc(42B)
----pom.xml(1KB)
----.jscsrc(301B)
----.gitignore(248B)
----app()
--------index.html(3KB)
--------views()
--------styles()
--------images()
--------scripts()
----karma.conf.js(2KB)
----package.json(548B)
----.nvmrc(6B)

网友评论