zf-slider component options and value about ember-cli-foundation-6-sass HOT 4 OPEN

The documentation and example can use an update to demonstrate the options and retrieving the value.

I'm AFK but a change action added to the input should help suraface the sliders value.

Try either of the following.

{{input onchange=(action "sliderChanged" value="target.value")}}

<input onchange={{action "sliderChanged" value="target.value"}}>

You'll need to add an action to capture the sliders value, name it anything you like. "sliderChanged" is just an example.

Edited: Corrected second example.

from ember-cli-foundation-6-sass.

@GCheung55 The first example isn't working and the second example isn't valid ember.

from ember-cli-foundation-6-sass.

@jamiechong sorry about that - bad copy/paste job. I've edited the second example.

from ember-cli-foundation-6-sass.

Looked into this some more. Sorry, but my two suggestions will not work. I couldn't find any Foundation-sites documentation for this, but their code sheds some light.

There are two main events that are triggered when the slider moves and changes: moved.zf.slider and changed.zf.slider. Both are triggered on the element. In Ember's case, it is the component's element.

Attaching event handlers is demonstrated in #72. You'll need to create a component that extends from zf-slider and add a handleInsert method.

Attaching event handlers manually like this is the only solution until zf components support Foundation's events.

from ember-cli-foundation-6-sass.