title: AngularJS: Select not 2-way binding to model
body: <p>I am using a select to show Client names. A user should be able to select an existing client, which will then update the scope property:</p>
  
  <p><strong>Controller</strong></p>
  
  <p><em>Initializing the "first pick".</em></p>
  
  <pre><code>if($scope.clients.length &gt; 0) $scope.existingClient = $scope.clients[0];
  </code></pre>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;select
      id='nm-existing-client-name'
      class='form-control  input-lg'
      ng-model='existingClient'
      ng-options="client.name for client in clients"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The scope property <code>existingClient</code> does not change when the select menu changes. If no value is initialized (controller line above is removed), the value of <code>existingClient</code> will stay undefined.</p>
  
  <p>Attaching an <code>ng-change</code> will fire when a value changes, but the model itself will not update to the new value.</p>
  
  <p>I am using <em>AngularJS v1.2.0-rc.3</em>.</p>