Невозможно установить значение как выпадающее выбранное значение с помощью angular.js

Question

У меня есть одна проблема. Когда я получаю значения из базы данных и пытаюсь установить эти значения в виде html с помощью angular.js.Я объясняю свой код ниже.

Мой файл контроллера содержит следующий код.

$http({ 
      method: 'POST', 
      url: "php/homeuserrole/editRoleData.php", 
      data:userdata, 
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function successCallback(response){ 
       //console.log('edited data',response.data[0].user_role); 
       $scope.user_role=response.data[0].user_role; 
       $scope.user_name.value=response.data[0].user_name; 
       $scope.buttonName="Update"; 

     },function errorCallback(response) { 
     }); 

Внутри функции успеха Я привязываю значения к следующему представлению html.

<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">User Name :</span> 
<select id="coy" name="coy" class="form-control" ng-model="user_name" ng-options="user.name for user in listOfName track by user.value" > 
<!--<option value="">Select course</option>--> 
</select> 
</div> 
</div> 
<div class="col-md-6"> 
<!--<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Login Name :</span> 
<input type="text" name="itemname" id="contactno" class="form-control" placeholder="add Login Name" ng-model="login_name" > 
</div>--> 
<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">User Role :</span> 
<select id="coy" name="coy" class="form-control" ng-model="user_role" > 
<option value="">Select User Role</option> 
<option value="Princpal">Princpal</option> 
<option value="HOD">HOD</option> 
<option value="Lab Assistance">Lab Assistance</option> 
<option value="Professor ">Professor</option> 
<option value="Ast.Professor ">Ast.Professor</option> 
</select> 
</div> 
</div> 

Здесь я могу установить значение в первом списке (i.e-user name), но значение не может быть установлен во втором списке (i.e-user Role) .Он показывает пустой, когда эта функция успеха executing.Please мне помочь для решения этой проблемы.

Answer 1

Думаю, вы также должны указать ng-options во втором выпадающем списке. Подобно этому -

ng-options="user.name for user in listOfName track by user.value"