title: How do I convert from ngOptions to angular-ui-select?
body: <p>I'm trying to add searchability to my select with the angular-ui-select directive. When I use angular-ui-select, the model value turns into the entire timezone, not just the id.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;!-- select with ngOptions doing what I want --&gt;
  &lt;select data-ng-model="clock.time_zone_id" data-ng-options="timeZone.id as timeZone.name for timeZone in timeZones"&gt;&lt;/select&gt;
  
  &lt;!-- my best try with angular-ui-select --&gt;
  &lt;ui-select data-ng-model="clock.time_zone_id" theme="selectize"&gt;
    &lt;ui-select-match&gt;{{$select.selected.name}}&lt;/ui-select-match&gt;
    &lt;ui-select-choices repeat="timeZone in timeZones | filter: $select.search"&gt;
      &lt;span ng-bind-html="timeZone.name | highlight: $select.search"&gt;&lt;/span&gt;
    &lt;/ui-select-choices&gt;
  &lt;/ui-select&gt;
  </code></pre>
  
  <p>What am I missing? I'd appreciate any help!</p>