title: Update Angular dropdown after insert and select new value
body: <p>I'm fairly new to Angular and was wondering how I can update a dropdown after doing an insert and have the new value selected?</p>
  
  <p>I tried the following:</p>
  
  <pre><code>&lt;select class="form-control" ng-model="selectedCompany" ng-change="GetCompany()"
          ng-options="company.key as company.value for company in CompanyList"&gt;
       &lt;option value=""&gt;Select a Company&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This populates a list of companies when the page 1st loads and the inserted data is returned to scope + it's id.</p>
  
  <p>To add the new value without refreshing the page, I'm trying the following non-working (almost) code:</p>
  
  <pre><code>var key = $scope.company.id;
  var value = $scope.company.name;
  
  $scope.CompanyList.push({ key: value });
  
  $scope.selectedCompany = $scope.company.id;
  </code></pre>
  
  <p>This seems to add a value to the dropdown, but it's showing up blank.  It's also not selecting the blank value (which should be the new company name), any help would be appreciated.</p>