Выпадающие меню нескольких ng-опций не работают должным образом?

Question

Я новичок в угловом использовании ng-options для отображения значений в раскрывающихся списках. У меня есть всего 4 выпадающих списка в одной форме. Если я выберем первое значение , а затем перейдем ко второму выпадающему списку, чтобы выбрать значение , тогда значение первого выпадающего значения исчезнет. то же самое происходит и для третьего и четырех. наконец, только выбранное значение четвертого выпадающего я могу см.. И на форме успеха я хочу отобразить всплывающее окно. ниже мой код для выпадающих списков и скриптов.

<select ng-model="empInfo" ng-options="emp.candidate_name for emp in names4" class="span2"> 
</select>      

<select ng-model="empInfo" ng-options="emp.company_name for emp in names" class="span2"> 
</select>      

<select ng-model="empInfo" ng-options="emp.designation_type for emp in names1" class="span2">           
</select> 


var app = angular.module('myApp', ['720kb.datepicker']); 
app.controller('MyController', function($scope, $http) { 
    $http.get("http://www.adhr.adnacgroup.com/ADHRM/companyJson.php") 
    .then(function(response) { 
     $scope.names = $scope.names = response.data.service; 
    }); 

    $http.get("http://www.adhr.adnacgroup.com/ADHRM/designationJson.php") 
    .then(function(response) { 
     $scope.names1 = $scope.names1 = response.data.service; 
    }); 

    $http.get("http://www.adhr.adnacgroup.com/ADHRM/finalCandidatesJson.php") 
    .then(function(response) { 
     $scope.names4 = $scope.names4 = response.data.service; 
    }); 

    $scope.insertInfo = function(info) { 
     $http.post('addconfirmation.php?confirmation=',{ 
      "referal_code":info.referal_code, 
      "candidate_id":info.candidate_id, 
      "company_id":info.company_id, 
      "designation_type_id":info.designation_type_id, 
      "address":info.address, 
      "joiningdate":info.joiningdate, 
     }).success(function(data1) { 
      if (data1 == true) 
      { 
       getInfo();   
       $('#empForm').css('display', 'none'); 
      } 
     }); 
} 

Answer 1

При каждом выпадающем списке вы должны назначить разные scope. Имея одинаковые ng-model на каждый тэг select, тогда один переопределяет другой.

например. :

<select ng-model="empInfo1" ng-options="emp.company_name for emp in names"> 
<select ng-model="empInfo2" ng-options="emp.company_name for emp in names">