I suspect you're referring to the thumb not appearing in the correct place
when the min and max are changed. If I had to guess, that's the result of
the sequence in which things happen:
1) The <input> element is created, with the range 0-100.
2) Angular sees the ng-model tag, and sets the value to 500. That's outside
the range for the DOM element, so it gets set to 100 in the DOM. Angular's
representation (the model) is still accurate.
3) The min and max attributes on the DOM element are updated. The internal
state of the element still thinks the value is 100, so it is drawn that way.
You can address this in a few ways. First, you can schedule the update to
take place after the interpolation has finished. That seems like the
easiest solution.
Also, you don't need or want value="{{something}}". ng-model takes care of
that.
On Thu, Jun 26, 2014 at 8:56 AM, Naveen Kohli <[email protected]> wrote:
> What is acting weird? I just tried your example and it seems to be
> working... unless I am missing something.
>
>
> On Thursday, June 26, 2014 7:58:22 AM UTC-4, Jesper Thøgersen wrote:
>>
>> Hi,
>>
>> I'm pretty new to Angular, so forgive me if this has a reasonable
>> solution. I'm trying to make a form which uses input=range - however, when
>> I populate the attribute from Angular, the input=range acts up.
>> Seems like it (kind of) breaks when min/max are set dynamically and value
>> is set higher than 100. Is this a bug, or is it just me who's going at it
>> all wrong?
>>
>> Example here: http://jsfiddle.net/jestho/8dymV/6/
>>
> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/angular.
> For more options, visit https://groups.google.com/d/optout.
>
--
chrisrhoden
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
