title: angularjs select not updating when bound variable changes
body: <p>OK, I have a select tag bound to a controller's scope variable.  When the app initializes, the variable is empty, so the select list gets generated with one item - the empty one.  </p>
  
  <p>In the run function the list gets initialized, and an event gets broadcast.  The controller gets the broadcast and updates the variable with 98 values.  However the select tag does not seeme to get updated.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;select id='srcList' size='10'
          data-ng-model="data.source" 
          data-ng-options="s.title for s in data.srcList"&gt;&lt;/select&gt;&lt;br&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>.controller('rightSidebar', function($scope, dataProvider) {
      $scope.data = {};
      $scope.data.srcList = dataProvider.srcList;
      $scope.data.citeList = dataProvider.citeList;
  
      $scope.$on('SrcListRefresh', function () {
          $scope.data.srcList = dataProvider.srcList;
      });
  
      $scope.$on('CiteListRefresh', function () {
          $scope.data.citeList = dataProvider.citeList;
      });
  });
  </code></pre>
  
  <p>I traced the code and I do see the scope variable data.srcList get updated.</p>