title: ng-change directive in a select is not working properly
body: <p>I have a select input and a function that is called when the selected value is changed. When I change the value using the keyboard arrow keys, the model isn't updated (on the first time).
  Someone can tell me why? </p>
  
  <p><a href="http://jsfiddle.net/HB7LU/18426/" rel="nofollow">Here is my Fiddle</a></p>
  
  <p>JS:</p>
  
  <pre><code>var app = angular.module('myApp',[]);
  
  function mainController($scope) {
      $scope.people = [
          {
              id: 1,
              name: 'Julius'
          },
          {
              id: 2,
              name: 'Julius Rock'
          },
          {
              id: 3,
              name: 'Christopher'
          }
      ];
  
      $scope.selectionChanged = function() {
          console.log('test');
      };
  
  }
  app.controller('mainController', mainController);
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div ng-controller="mainController"&gt;
      &lt;!-- If you change the value with the arrows ng-change doesn't work on the first change. --&gt;
      &lt;select ng-model="selected" ng-options="person.name for person in people track by person.id" ng-change="selectionChanged()"&gt;&lt;/select&gt;
  
      &lt;span&gt;{{selected}}&lt;/span&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>