title: How to set option value using ng:Options
body: <p>Apparently AngularJS cannot properly construct a list of <code>&lt;option&gt;</code> elements as a simple template in IE, so it provides the <code>ng:Options</code> directive (see <a href="https://github.com/angular/angular.js/issues/235" rel="nofollow">https://github.com/angular/angular.js/issues/235</a>).</p>
  
  <p>After looking at the source, I was able to construct the options with the desired labels, as follows (<a href="http://jsfiddle.net/TVMmz/7/" rel="nofollow">JSFiddle</a>):</p>
  
  <pre><code>&lt;!-- what I'd like to do --&gt;
  &lt;select&gt;
      &lt;option ng:repeat='key in keys' value='{{key}}'&gt; {{lookup[key].firstName}} {{lookup[key].lastName}} &lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;!-- what Angular lets me do --&gt;
  &lt;select ng-model='key' ng:options='k as lookup[k].firstName + " " + lookup[k].lastName for k in keys'&gt;&lt;/select&gt;
  </code></pre>
  
  <p>However, when I inspect the options with Firebug, I see that the value is a numeric index, not my desired key value (I was hoping the initial <code>k</code> would be used as the option value).</p>
  
  <p>I haven't looked deeply into the code, so don't know if there's another part of the expression that I'm missing (the regex doesn't seem to have any additional relevant keywords). </p>
  
  <p>I was hoping that someone here might know this directive well enough to tell me (1) how to do it, or (2) that I'm out of luck.</p>