title: dropdown list bound to array using AngularJS not updating instantly when array is populated
body: <p>I am attempting to bind a select control to an array using Angular JS. On the div containing the select I am calling a function using ng-init</p>
  
  <pre><code>&lt;div id="refundformcontainer" ng-controller="RefundControl" ng-init="init()"&gt;
  </code></pre>
  
  <p>The init function calls a service which returns a list of countries and populates an array like this:</p>
  
  <pre><code>PossibleCountries: 
  [  
      { 
          countryId: 32
          name: ARGENTINA
      }
      ,
      { 
          countryId: 40
          name: AUSTRIA
      }
      .
      .
      ,
      { 
          countryId: 858
          name: URUGUAY
      }
  ] 
  </code></pre>
  
  <p>I have the select control like this:</p>
  
  <pre><code>&lt;select id="Country" ng-model="Voucher.country" ng-options="v.name for v in PossibleCountries"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>The select option is actually below a text input which is also bound using angular</p>
  
  <pre><code>&lt;input type="text" id="vouchernumber" data-ng-model="Voucher.voucherNumber"/&gt;
  </code></pre>
  
  <p>When the page loads the dropdown list is empty, but the array is correctly populated. However if I type anything into the above textbox it updates the dropdown list once the first character is typed. </p>
  
  <p>Why is it not updating as soon as I populate the array, and how do I get it to do so?</p>