在更新表单上设置 Angular 下拉列表的值答案

【问题标题】：Set Value of Angular Dropdownlist on update form在更新表单上设置 Angular 下拉列表的值
【发布时间】：2014-10-15 12:20:08
【问题描述】：

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

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

这是我的下拉菜单：

<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();

【问题讨论】：

标签： angularjs

【解决方案1】：

如果您调用一个角度 $resource 来获取您的 SelectedUser，就像您为 Roles 一样，首先，请确保您的服务在“Role”属性中返回 Role.Id。如果从服务返回的属性与您的列表不匹配，它看起来就像没有连接。

【讨论】：

谢谢！如您所料，我未能在我的用户服务中包含角色！

【解决方案2】：

尝试添加曲目

<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 />

【讨论】：