无法使用角度js代码设置选择选项?

时间:2015-12-09 04:54:42

标签: angularjs select

我有跟随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元素值(控制);这样做我在控制器内部有以下代码

$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错误;

2 个答案:

答案 0 :(得分:0)

我建议您查看ng-options指令吗?你想要做的事情是:

<select ng-model="role" ng-options="rol as rol.Title for rol in rolelist">
    <option value="">Select Role</option>
</select>

答案 1 :(得分:0)

感谢大家的努力 实际上我误入歧途,但解决方案很简单;它的数据类型问题;实际上选择:角色模型包含字符串数据类型并且始终;我将整数数据类型设置为错误的角色模型;我将json数据的数据类型转换为字符串,并设置角色模型的值工作正常。