Question

所以我不得不尝试使用ng-options枚举一个对象数组，并在select元素中显示某些属性。

当我查询api / admin时，我将返回JSON，显示所有具有admin角色的用户。这正是它的结构。

[
 {
 "Roles": [
          {
           "Id": 149,
           "UserId": 1807,
           "Name": "Administrator",
           "RoleGroup": "System"
           },
           {
           "Id": 148,
           "UserId": 1807,
           "Name": "Administrator",
           "RoleGroup": "System"
           },
           {
           "Id": 150,
           "UserId": 1807,
           "Name": "Lead",
           "RoleGroup": "System"
           }
         ],
 "Id": 1807,
 "UserName": "jdoe@website.com",
 "FirstName": " John",
 "LastName": "Doe",
 "Email": "jdoe@website.com"
 }
]

我希望<select>显示连接在一起的FirstName和LastName属性。

我的API查询看起来像$scope.admin = Api.admin.query

然后在我的标记中看起来像：

<label>Admin*</label>
    <select class="form-field"
        ng-options="a.Id as a.FirstName + a.LastName for a in admin" required>
        <option value="">Select an Admin</option>
    </select>

我想知道我缺少什么来完成这项工作。任何帮助都非常感谢！

Answer 1

添加ng-model属性以保留<select>

中的选择

  <label>Admin*</label>
  <select class="form-field" ng-model="selectedValue" ng-options="a.Id as a.FirstName + ' ' + a.LastName for a in admin" required>
     <option value="">Select an Admin</option>
  </select>

在Select中使用Angular ng-options挣扎

1 个答案: