여러 개의 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을 지정해야합니다. 각각의 을 각 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">