title: AngularJS UI Typeahead label and value
body: <p>I am using the typehead directive to autocomplete a list of states.
  The list contains a bunch of objects as follows</p>
  
  <pre><code>{
    StateId: 0,
    StateCode: "AK",
    StateDesc: "ALASKA"
  }
  </code></pre>
  
  <p>The typehead HTML is as follows </p>
  
  <pre><code>typeahead="state.StateCode for state in States | filter:$viewValue | limitTo:8"
  </code></pre>
  
  <p>This works great as is however I'd like to improve it a little bit.
  Is it possible to have the autocomplete dropdown to show (and search on) <code>StateDesc</code> but once you click on the drop down item the textbox was populated with <code>StateCode</code>?</p>
  
  <p>Thanks!</p>