多个ng-options下拉不能正常工作？

我是新角度使用ng选项来显示下拉列表中的值。我在一个表格中共有4个下拉列表。如果我选择第一个下拉列表的值，然后第二个下拉列表选择任何值，那么第一个下拉列表的值将消失。第三次和第四次同样发生。最后只有第四下拉的选定值我可以看到。而我想要显示弹出窗口的成功表单。下面是我的代码下拉和脚本。多个ng-options下拉不能正常工作？

<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'); 
      } 
     }); 
}

来源

2017-02-10 mahadev sutar

您必须在每个下拉菜单上指定不同的scope。在每个select标签上都有相同的ng-model，然后一个覆盖另一个。

例如：

<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">

来源

2017-02-10 10:42:50 Korte

感谢它工作很好。 –

扩大其工作，但现在又出现了另一个问题。我实际上想要打印选定的值并在提交后存储它。但现在又有两件事情没有奏效？ –

您可能会为您的问题创建其他问题。也不要忘了提供关于这个问题的详细描述，并且通过plunker/jsfiddle等进行演示对于得到答案会更加有帮助。 – Korte

多个ng-options下拉不能正常工作？

回答

相关问题