title: AngularJS setting dummy option element before valid ajax data arrives
body: <p>As I understand AngularJS sets default value when using <code>ng-model</code> directive. I need to populate select element with only valid options which retrieved by <code>$http.get</code>. The problem is that on top of all valid elements I have one dummy element vith value <code>?</code>. <strong>How to get rid of it?</strong></p>
  
  <pre><code>&lt;select  id="environment" name="environment_name" ng-model="environment"  ng-options="e.name for e in ENVIRONMENTS" required&gt;
                  &lt;/select&gt;
  
  $scope.ENVIRONMENTS = [];
  $http.get("/getEnvironments").success(function(data){
         data.forEach(function(el){
             $scope.ENVIRONMENTS.push(el);
         });
      }).error(function (data) {
          $scope.showErrorMsg("Cannot get ENVIRONMENTS.");
      });
   $scope.environment = $scope.ENVIRONMENTS[0];
  </code></pre>