javascript - 在 Select 中与 Angular ng-options 作斗争

Question

所以我一直在尝试使用 ng-options 枚举对象数组并在选择元素中显示某些属性。

当我查询 api/admin 时，我将返回 JSON，其中显示具有管理员 Angular 色的所有用户。这就是它的结构。

[
 {
 "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>