Несколько раскрывающихся меню ng-options не работают должным образом?

Я новичок в угловых, используя ng-параметры для отображения значений в раскрывающихся списках.
у меня всего 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');
}
});
}