Comments (7)
Oh snap, I'll have to dig into this and see. Thanks for reporting!
I'll get this out as part of the 1.0 release, which I'm planning to do the 28th of April.
from ember-cli-nouislider.
How you plan to solve it? It's not trivial imho.
from ember-cli-nouislider.
I have absolutely know idea, yet. I've set aside some time on the weekend to dive into this.
from ember-cli-nouislider.
I can't seem to reproduce this on master. Just running the local ember server and playing around on the events page I only see the on-set
action being dispatched at the right time. I also added some debug statements to the setValue
function in the component and I only ever see it being called when the component is setup.
Can you help me reproduce this issue?
from ember-cli-nouislider.
It might have something to do with my setup. I will investigate on my side and open a new issue if i have something reproducible.
from ember-cli-nouislider.
Ok. The issue is this:
- I have a model with an attribute 'amount' that is represented by a slider.
- When the slider is being moved, I want the amount attribute to be updated.
My template:
{{range-slider start=model.amount on-slide=(action "setValue")}}
The setValue
function looks like this:
setValue: function(value) {
this.model.set('amount', value);
},
This way the model's amount is bound to the slider. However, this causes the problem that Ember decides to rerender the component while dragging because the property model.amount
changes.
Is there a better achieve my goal?
from ember-cli-nouislider.
from ember-cli-nouislider.
Related Issues (20)
- Add docs for changing slider values HOT 1
- noUi-background element nonexistent? HOT 1
- Deprecation warning - Scheduling into the 'sync' run loop queue HOT 5
- setting a computed range causes "Missing 'min' or 'max' in 'range'" HOT 1
- Ember 3.x compatibility? HOT 8
- Unexpected range values when setting step HOT 2
- [ember-cli-nouislider]: Error: noUiSlider (11.1.0): 'range' is not an object. HOT 1
- Observer is causing performance issues HOT 3
- Property 'padding' is not passed to nouislider HOT 2
- How to set slider value programatically? HOT 1
- Deprecation msg on the use of sendAction thrown in Ember 3.4.x HOT 2
- Deprecation warnings: HOT 2
- Error: Cannot read property 'on' of undefined HOT 4
- Overriding Range as described in online docs is deprecated in Ember 3.9+
- Cannot update `max` value after initial render HOT 1
- `slider` is undefined in integration test, leading to failure with "Cannot read property 'on'/'off' of undefined"
- on-start and on-end still use deprecated sendAction method HOT 1
- New Ember Version 3.25 to 3.28 throws error on build of ember-cli-nouislider template
- Ember.Logger deprecation HOT 1
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 ember-cli-nouislider.