title: AngularJS - Why ng-value overrides value attribute and how to avoid it?
body: <p>So, I have the following code:</p>
  
  <pre><code>&lt;input ng-model="refreshedByExample" type="text"&gt;
  &lt;select ng-model="example" ng-change="refreshedByExample = example"&gt;
      &lt;option value="1" ng-value="valueForRefreshedByExample1"&gt;1&lt;/option&gt;
      &lt;option value="2" ng-value="valueForRefreshedByExample2"&gt;2&lt;/option&gt;
      &lt;option value="3" ng-value="valueForRefreshedByExample3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The value of the <code>value</code>'s attribute is different than the value in <code>ng-value</code>. But, somehow, it is overrides and the <code>value</code> attribute gets the same value than <code>ng-value</code>. I get something like this:</p>
  
  <pre><code>&lt;input ng-model="refreshedByExample" type="text"&gt;
  &lt;select ng-model="example" ng-change="refreshedByExample = example"&gt;
      &lt;option value="valueForRefreshedByExample1" ng-value="valueForRefreshedByExample1"&gt;1&lt;/option&gt;
      &lt;option value="valueForRefreshedByExample2" ng-value="valueForRefreshedByExample2"&gt;2&lt;/option&gt;
      &lt;option value="valueForRefreshedByExample3" ng-value="valueForRefreshedByExample3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Is there a way to prevent this? I need to have on the <code>value</code> attribute a different value than in <code>ng-value</code>.</p>
  
  <p>Any ideas? Thanks everyone.</p>