title: use ng-options or ng-repeat in select?
body: <p>I want use <code>select</code> in angularjs. 
  I have a json that every element have 2 part: <code>name</code> and <code>value</code>. I want show <code>name</code> in dropdown and when user select one of theme, <code>value</code> is copy to <code>ng-model</code>.</p>
  
  <pre><code>$scope.list = [{name:"element1",value:10},{name:"element2",value:20},{name:"element3",value:30}];
  </code></pre>
  
  <p>For this I have 2 way to use select:</p>
  
  <ol>
  <li><code>ng-options</code>:</li>
  </ol>
  
  <p>I use <code>ng-options</code> like below:</p>
  
  <pre><code>&lt;select ng-model="model.test" ng-options="element.name for element in list"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>It's work correctly, but when I select each of element, I want just <code>value</code> of element is copy to ng-model, but a json is copy to ng-model, like below:</p>
  
  <pre><code>$scope.model.test = {name:"element1",value:1}
  </code></pre>
  
  <p>I can resolve this problem in angular controller, but I want find a better way that resolve this problem.</p>
  
  <p>For resolove this problem, I use second way:</p>
  
  <p>2.use <code>ng-repeat</code> in <code>options</code>:</p>
  
  <pre><code>    &lt;select ng-model="model.test"&gt;
        &lt;option ng-repeat="element in list" value="{{element.value}}"&gt;{{element.name}}&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>In second way, just value is copy to ng-model, but as a string type:</p>
  
  <pre><code>$scope.model.test = "10";
  </code></pre>
  
  <p>I use below code, but all of them return a string value to model.</p>
  
  <pre><code>&lt;option ng-repeat="element in list" value={{element.value}}&gt;{{element.name}}&lt;/option&gt;
  &lt;option ng-repeat="element in list" value="{{element.value}}|number:0"&gt;{{element.name}}&lt;/option&gt;
  &lt;option ng-repeat="element in list" value={{element.value}}|number:0&gt;{{element.name}}&lt;/option&gt;
  </code></pre>
  
  <p>How can fix this problem? </p>