title: Problems with ui-select2 and ng-options
body: <p>Simple problem, probably discussed many times, but I can't find a proper solution on this simple issue.</p>
  
  <p>The problem:
  Why are the Daltons selectable, but the selected Daltons don't show up in the select-element? </p>
  
  <p>Controller:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ui.select2']);
  
  function MyCtrl($scope) {
      $scope.daltons = [
          { id: 10, name: 'Joe' },
          { id: 20, name: 'William' },
          { id: 30, name: 'Jack' },
          { id: 40, name: 'Averell' },
          { id: 50, name: 'Ma' }
      ];
      $scope.selectedDaltons = [40]; // Averell is preselected 
  };
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
      &lt;label for="1"&gt;Please select items:&lt;/label&gt;
      &lt;select id="1"
              ui-select2
              multiple
              ng-model='selectedDaltons'
              ng-options="dalton.id as dalton.name for dalton in daltons"&gt;
      &lt;/select&gt;
      &lt;label for="2"&gt;Selected Items:&lt;/label&gt;
      &lt;ul id="2"&gt;
          &lt;li ng-repeat="dalton in selectedDaltons"&gt;{{dalton}}&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Jobacca/4wn253eg/" rel="nofollow">Here it is as a jsfiddle</a></p>