多个ng-options下拉列表无法正常工作?

时间:2017-02-10 10:14:39

标签: php mysql angularjs ng-options

我是角度新手使用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');
            }
        });
}

1 个答案:

答案 0 :(得分:1)

您必须在每个下拉列表中指定不同的scope。在每个ng-model标记上使用相同的select,然后一个覆盖另一个。

e.g。 :

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