Невозможно установить выбранное значение в AngularJS

Question

У меня есть несколько полей выбора в моей форме редактирования, теперь, когда загружается страница загрузки данных, это работает для всех текстовых полей и флажков, но не для избранных, я не могу установить выбранное значение для них я гуглом так много вещей, но я до сих пор не могу найти то, что я делаю неправильно, это мой HTML:

<div class="form-group" ng-init="getRoles()"> 
    <label for="roles">Role</label> 
    <select style="width: 100%;" data-toggle="select2" ng-model="form.role_id" ng-options="item.id as item.role for item in roles"> 
    </select> 
</div> 

Это функция, которая получает и устанавливает данные пользователя в моем контроллере:

$scope.getUserInfo = function() { 

    UserService.get($stateParams.id) 
     .success(function (data, status, headers, config) { 
      if (data.user != undefined) 
      { 
       $scope.form = data.user; 
      } 
     }) 

}; 

Эта функция, которая получает и устанавливает роли в моем контроллере:

$scope.getRoles = function() { 

    RoleService.get() 
     .success(function (data, status, headers, config) { 
      if (data.roles != undefined) 
      { 
       $scope.roles = data.roles; 
      } 
     }) 


}; 

Я проверил возвращенные данные, и это действительно правильно. Это возвращаемый JSON:

{"user":{"id":2,"email":"xxxxxxx@gmail.com","role_id":2,"institution_id":null,"is_active":1}} 

И это возвращаемые роли JSON:

{"roles":[{"id":2,"role":"System"},{"id":3,"role":"Administrator"},{"id":4,"role":"Instructor"}]} 

Answer 1

Вам нужно написать

ng-model="user.role_id"