title: Select box angular using ng-repeat or ng-options and removing blank option
body: <p>I have found lots of answers on here, but very frustatingly I am unable to execute it. Firstly to explain what I have done: </p>
  
  <p>I have created an array with a list of country objects. In the html I am looping through the countries array and adding each value to a select box.</p>
  
  <p>I just wish to show both the UK and the US, however with my code there is also a third option (an empty option).</p>
  
  <p>How can I just have the 2 values in the array? This <a href="https://stackoverflow.com/questions/20738953/angular-js-remove-blank-option-from-select-option">answer should work</a>, but it is not showing the correct values in the html. Perhaps it is because I have been using ng-repeat, but perhaps I should be using ng-options as <a href="https://stackoverflow.com/questions/36038519/how-to-remove-initial-blank-option-and-select-option-value-when-using-ng-repea">this answer</a> would suggest?</p>
  
  <p>Please see my code below.</p>
  
  <p>CONTROLLER</p>
  
  <pre><code>this.countries = [
          {name: "United Kingdom"},
          {name: "United States of America"}
      ];
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select ng-model="ctrl.country"&gt;
       &lt;option ng-repeat="country in ctrl.countries" value="{{country.name}}"&gt;{{country.name}}&lt;/option&gt;     
  &lt;/select&gt;
  </code></pre>