Comments (13)
Are you still experiencing this issue? If yes, could you provide a JSFiddle showing the issue with the minimum of code needed. You can fork this one: http://jsfiddle.net/pq7yr6d6/
from angularjs-slider.
Cheers, yes still an issue
have created this, but it works! yah! bummer mine doesnt ....
though i need to recreate the ajax method some how ...
https://jsfiddle.net/63zqeuwc/30/
from angularjs-slider.
Do you have the same result than on this example (before clicking the init button): https://jsfiddle.net/63zqeuwc/31/ ?
If yes, this is probably a problem of scope $digest. What are you using for your AJAX call?
from angularjs-slider.
b.t.w. I'm using AngularJS v1.2.16 - it that the issue?
from angularjs-slider.
I don't know but the example I provided above works with the 1.2.16: https://jsfiddle.net/63zqeuwc/46/
from angularjs-slider.
You can try to force the slider to render after you update your values using this:
$scope.$broadcast('rzSliderForceRender');
from angularjs-slider.
mmmm,
I've updated the jsfiddle as close and I can to my code ...
https://jsfiddle.net/63zqeuwc/48/
it works! damn it!
but not on my site ...
http://test.canterburymaps.govt.nz/webapps/FIR/
from angularjs-slider.
this is the first initial load of the values., see how the slider is to the far left?
from angularjs-slider.
OK I bet this is a sync problems, try this after all your logic:
$timeout(function() {
$scope.$broadcast('rzSliderForceRender');
})
BTW, in your fiddle you use both rzSliderForceRender
and reCalcViewDimensions
but just know that rzSliderForceRender
includes reCalcViewDimensions
from angularjs-slider.
ok, ta ... try it .. doesn't work ... i'll keep looking....
from angularjs-slider.
Gidday,
lol, have cracked the nut ...
it's because I hide the dates slider initially ...
when I unhide it permanently it works .....
but if hidden, it doesn't work as expected.
from angularjs-slider.
Yeap I often have this problem when using a slider inside a dropdown or a
modal. You need to call the rzForceRender message once it is visible.
Le mer. 29 juil. 2015 13:12, coomsie [email protected] a Γ©crit :
Gidday,
lol, have cracked the nut ...
it's because I hide the dates slider initially ...
when I unhide it permanantly it works .....
but if hidden, it doesnt work as expected.
β
Reply to this email directly or view it on GitHub
#73 (comment)
.
from angularjs-slider.
Cheers for your help ...
yeah just trying that out now ... with success on third button but not as i would want ... will get there though ...
http://jsfiddle.net/63zqeuwc/67/
from angularjs-slider.
Related Issues (20)
- A Square border box is displaying while dragging the slider in mobile HOT 4
- Floor of the slider is equal to NaN after changing the state HOT 4
- Cant type into input box
- rzSlider onEnd event is called everytime when there is a user action in UI. HOT 2
- How to show values below the slider and modifying the tick color in the dynamic selection bar color? HOT 1
- rzslider sometimes shows NaN for rz-slider-model and sometimes shows value when initialized from javascript
- Slider stop working after last update HOT 1
- onEnd is not working for me HOT 1
- rzSliderTplUrl should be marked as optional. HOT 2
- Slider looses responsiveness on zooming and reloading page HOT 2
- Docs broken link to "Open Source Stamina" HOT 3
- Slider not set position on load inside Bootstrap modal HOT 3
- Last tick not display as expected on first load HOT 2
- Range slider: Identify min and max on change event HOT 3
- Render pointer aligned to track centre (overhanging) HOT 4
- Slider doesn't work properly when parent container is rotated HOT 5
- brocken compiling with less v4 HOT 6
- Using invalid values for ticks and ranges HOT 2
- What are the steps to run demo app locally? Not import to another project, clone repo and ng serve
- how to update aria label value
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 angularjs-slider.