在更新表单上设置Angular Dropdownlist的值

时间:2014-10-15 12:20:09

标签: angularjs

我们有一个简单的更新用户表单。人们将能够更新的价值之一是他们从下拉列表中的角色。角色的选项来自查找表,每个用户在更新时已经分配了一个角色。

当我尝试在输入中绑定到当前角色时,我无法将选择值设置为当前所选用户模型中的选择值。

这是我的下拉列表:

<select ng-model="SelectedUser.Role" 
       ng-options="role.Id as role.Name for role in Roles">
  <option value="">-- Please Select A Role --</option>
</select><br />   

我的模特是这样的:

$scope.GetSelectedUser = function () {
            var userId = $scope.SelectedUser.UserId;
        }

$scope.SelectedUser = {};

$scope.Roles = Role.query();

2 个答案:

答案 0 :(得分:1)

如果您正在调用角度$资源来获取您的SelectedUser,就像您使用Roles一样,请首先确保您的服务在&#34; Role&#34;中返回Role.Id。属性。如果从服务中返回的属性与您的列表不匹配,则看起来它似乎没有被连接起来。

答案 1 :(得分:0)

尝试按

添加曲目
<select ng-model="SelectedUser.Role" 
       ng-options="role.Id as role.Name for role in Roles track by role.id">
  <option value="">-- Please Select A Role --</option>
</select><br />   

你不想使用对象而不是ID吗?

即。

<select ng-model="SelectedUser.Role" 
       ng-options="role.Name as role for role in Roles track by role.id">
  <option value="">-- Please Select A Role --</option>
</select><br />