Не можете установить опцию выбора, используя угловой код JS?

У меня был следующий html

<div class="form-group ">
    <label class="col-sm-3 control-label">Role</label>
    <div class=" col-sm-8">
        <select type="text" id="role" name="role" ng-model="role" class="form-control" required>
            <option value="">Select Role</option>
            <option ng-repeat="rol in rolelist" value="{{rol.id}}">{{rol.title}}</option>
        </select>
        <p class="ng-invalid" ng-show="addForm.role.$error.required">Role need to selected</p>
    </div>
</div>

Я хочу установить значение роли динамически щелкающих наборов данных с целью обновления и установки значения элемента dom (control); для этого у меня был следующий код внутри контроллера

$scope.data_set=function(id)
        {
            BlockUi();
            url=siteurl+'/admin/'+module+'/get-info';

                $http({
                    url     :   url,
                    method  :   "POST",
                    data    :   {"id":id}

                }).then(function(responseText){
                    data=responseText.data;
                    $scope.first_name=data.first_name;
                    $scope.user_id=data.id;
                    $scope.last_name=data.last_name;
                    $scope.user_name=data.user_name;
                    $scope.role=data.role;

                    $scope.email=data.email;
                    $scope.contact_number=data.contact;
                    $scope.image_file=data.image;
                    $scope.status=data.status;

                    UnblockUi();
                },function(error){
                    UnblockUi();
                    UnknownError();
                    alert(JSON.stringify(error));
                });
        }

выше кода работает для всех, кроме подстановочной модели; Я смотрел и следил за другими решениями, но не работал для меня?

и после этого кода удаляется ошибка ng-required;