AngularJS notation in input type range min attribute
<p>I would expect the following expression to have the same outcome:</p>

<p>Case 1:</p>

<pre><code>&lt;input type="range" name="myRangeInput" ng-model="value.rangeInput" value="value.rangeInput" min="-55" max="55"&gt;
</code></pre>

<p>Case 2 (difference to case 1 is that I replaced 55 with AngularJS scope variables):</p>

<pre><code>&lt;input type="range" name="myRangeInput" ng-model="value.rangeInput" value="value.rangeInput" min="{{value.rangeInputMin}}" max="{{value.rangeInputMax}}"&gt;
</code></pre>

<p>with <code>value.rangeInputMax</code> equals 55 and <code>value.rangeInputMin</code> equals -55.</p>

<p>But they do not have the same output. For example let's says <code>value.rangeInput</code> is in both cases -10. Then in the 1st example the dot in the range slider is set at -10. But in the 2nd example the dot is set to 0. 
I tried to convert <code>value.rangeInputMin</code> and <code>value.rangeInputMax</code> into numbers and change the statement (without double quotes) to this:</p>

<pre><code>&lt;input type="range" name="myRangeInput" ng-model="value.rangeInput" value="value.rangeInput" min={{value.rangeInputMin}} max={{value.rangeInputMax}}&gt;
</code></pre>

<p>I also tried with different notations, e.g. value.rangeInputMin, "value.rangeInputMin", tried to set it with ng-init, create another scope variable and assign the value in this one, etc.</p>

<p>But it is still showing a different behaviour than in the 1st case.</p>