Step is not working using value from scope

Hello,

This one works
<rzslider
rz-slider-step="10"
rz-slider-floor="priceSlider.floor"
rz-slider-ceil="priceSlider.ceil"
rz-slider-model="priceSlider.min"

This one doesn't

<rzslider
 rz-slider-step="priceSlider.step"
rz-slider-floor="priceSlider.floor"
rz-slider-ceil="priceSlider.ceil"
rz-slider-model="priceSlider.min"

Given
$scope.priceSlider = {
min: 100,
max: 180,
ceil: 500,
floor: 0,
step:10
};

Thanks for the great plugin

Fix it myself :
Line 1029
rzSliderStep: '@',

=>

  rzSliderStep: '=?',

[bdteo]

Yes it doesn't work. Values become NaN and the slider gets stuck.

[ValentinH]

Could you please provide a JSFiddle showing the issue? You can fork this one: http://jsfiddle.net/pq7yr6d6/.

hey folks, I already gave the fix , didn't I. See the 2nd post.
Open the source file,

Line 1029
rzSliderStep: '@',

=>

rzSliderStep: '=?',

Thanks

[ValentinH]

I think setting the rzSliderStep as a string attribute was on purpose because it was not supposed to be changed. Maybe for performance reason, the author didn't want to use Two-way model binding.

Changing it may break existing applications using the slider so it has to been think twice...

For now, you can simply use {{}} to interpolate your value like this:

<rzslider
 rz-slider-step="{{ priceSlider.step }}"
rz-slider-floor="priceSlider.floor"
rz-slider-ceil="priceSlider.ceil"
rz-slider-model="priceSlider.min"

Life saved. Been banging my head against this issue for a day!

[ValentinH]

With #158, this problem will be gone.