title: Store different than display with typeahead input
body: <p>I"m trying to implement ANgular typeahead for suppliers.  We have a suppler name and a supplier ID.  I want to display {name} - {ID} in the dropdown, display {name} in the textbox, but store {id} in the model.  Is this possible and how can I do this?    </p>
  
  <p>My attempt: </p>
  
  <pre><code> &lt;input id="toSupplier" type="text" ng-model="selectedToSupplier"
                     placeholder="Enter a to supplier name"
                     class="form-control"
                     typeahead="supplier.name as (supplier.name + ' - ' + '[' +  supplier.id + ']') for supplier in getToSuppliers($viewValue)"
                     typeahead-min-length="2"
                     typeahead-loading="Loading" /&gt;
  </code></pre>
  
  <p>This gives me what I want in the dropdown, but the name in the model and text box.  I want the id in the model.</p>