Comments (3)
You could take another approoach
http://plnkr.co/edit/1b5nTcvkTSUWNmxKtCAB?p=preview
from angular-inview.
Thanks @arthur-white your approach is valid. What I usually do (and I think I should write this in the readme) is something like:
<any in-view="$inview&&someFunction()"></any>
This way, someFunction
will only be called if the $inview
local variable is true
meaning that the element is actually in-view.
Any of this approaches should solve your problem @slavafomin. Feel free to reopen this if needed!
from angular-inview.
I'm sorry, looks like I didn't pay enough attention to the documentation. I think that this paragraph covers it: When the DOM element enter or exits the viewport, the expression will be evaluated.. It just doesn't feel natural to me. Maybe we should have two separate directives like in-view
and out-of-view
for different events? I think it will be more straightforward and simple.
Thanks for pointing this out to me.
from angular-inview.
Related Issues (20)
- Offset values HOT 4
- Bower Version HOT 1
- $inview not recalculated after initially seen and height added. HOT 1
- intersectRect fails testcase for height 0 HOT 1
- Fix package/bower.json versions, publish to npm/bower HOT 1
- does this actually require 1.5.8 HOT 2
- Having only one element active as "in-view"
- Allow for responsive handling of in-view-options by allowing expressions
- 2.2.0 is not published to npm HOT 3
- Percent in offset not calculating correctly
- no changelog for 2.3.0 HOT 2
- no longer finds zero height divs visible HOT 2
- Throttle vs delay
- Not working for me on window scrolling HOT 3
- [3.0.0] Syntax Error HOT 8
- Support angular-inview for nested containers (Should prevent the propagation of scroll event from child to container)
- What are the breaking changes in v3.0.0? HOT 4
- 3.0.0 not working in chrome-44/googlebot
- Dispose after first call
- arrow functions not supported HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-inview.