Thanks! That's kind of what I suspected in my blurry designer mind. Do you
have any examples on how to schedule/delay the update?
kl. 15:09:37 UTC+2 torsdag 26. juni 2014 skrev Chris Rhoden følgende:
>
> 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]
> <javascript:>> 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] <javascript:>.
>> To post to this group, send email to [email protected]
>> <javascript:>.
>> 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.
