title: How add options to a select with an AngularJS directive?
body: <p>I have a select tag (to be used for country selection) which I want to prefill with options using a directive:</p>
  
  <pre><code>&lt;select class="countryselect" required ng-model="cust.country"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>My directive goes like</p>
  
  <pre><code>return {
    restrict : "C",
    link: function postLink(scope, iElement, iAttrs) {
       var countries = [
          ["AND","AD - Andorra","AD"],
          ["UAE","AE - Vereinigte Arabische Emirate","AE"]
          ... //loop array and generate opt elements
          iElement.context.appendChild(opt);
      }
    }
  </code></pre>
  
  <p>I am able to fill the select with additional options, but the ng-model binding does not work. Even if cust.country has a value (e.g. "UAE"), the option is not selected.</p>
  
  <p>How to make the select display the value of cust.country? If think I have some timing problem here.</p>