title: AngularJS : Select doesn't change selected option on change of bound scope variable
body: <p>I have a select control. Its options are generated dynamically from scope's array of objects.  On app init I want to select a specific option by changing bound variable on the scope.</p>
  
  <p>It doesn't work when select's ng-option returns full object. However, it works when select's ng-option returns string.</p>
  
  <p>Is it angular bug or I do something wrong?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-controller="selectCtrl" ng-app&gt;
      Doesn't work when select's ngModel value is object:&lt;br /&gt;
      &lt;select ng-model="valueObject" ng-options="o.label for o in options"&gt;&lt;/select&gt;&lt;br /&gt;
      &lt;pre&gt;{{valueObject | json}}&lt;/pre&gt;
  
      Works when select's ngModel value is string:&lt;br /&gt;
      &lt;select ng-model="valueString" ng-options="o.value as o.label for o in options"&gt;&lt;/select&gt;
      &lt;pre&gt;{{valueString | json}}&lt;/pre&gt;    
  </code></pre>
  
  <p></p>
  
  <p>JS:</p>
  
  <pre><code>function selectCtrl($scope) {    
     $scope.options = [
         {label: 'a', value: '1', someId: 333},
         {label: 'b', value: '2', someId: 555}
     ];    
     $scope.valueObject = {label: 'a', value: '1', someId: 333};
     $scope.valueString = '1';
  };
  </code></pre>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/apuchkov/FvsKW/6/" rel="noreferrer">http://jsfiddle.net/apuchkov/FvsKW/6/</a></p>