Got it working! http://jsfiddle.net/jestho/8dymV/7/
Probably not a pretty solution, but it works for my prototype... :)
kl. 15:27:16 UTC+2 torsdag 26. juni 2014 skrev Jesper Thøgersen følgende:
>
> 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]> 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.
