如何使用 ng-repeat 显示来自 API 的所有值，其中我只需要显示所有对象的一个键值？答案

【问题标题】：How to use ng-repeat to show all the values coming from the API in which I need to show only one key value from all the objects?如何使用 ng-repeat 显示来自 API 的所有值，其中我只需要显示所有对象的一个键值？
【发布时间】：2016-06-11 19:48:18
【问题描述】：

通过我的 API，我拥有两个或更多对象。在对象中有不同。 id、name、account 等不同的键值。但我只需要在选择框中显示所有对象的 ID。

我在我的 HTML 中像这样使用ng-repeat：

<select ng-model="selectedid" class="form-control"> 
  <option ng-repeat="id in editIdOptionsData" value="{{id}}">{{id}}</option> 
</select>

对于我正在做的回应：

deal.getIdData($scope.accountDetail.accountUsers[0].role, $scope.accountDetail.id)
.then(function successCb(data){ 
  $scope.editIdOptionsData=data; 
});

但是像这样在我的选择框中我得到了所有的对象。你能告诉我如何从默认选择一个值的所有对象中只获取id吗？

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

我认为你正在做的是将整个对象设置为选项

<select ng-model="selectedid" class="form-control"> 
  <option ng-repeat="id in editIdOptionsData" value="{{id}}">{{id}}</option> 
</select>

代码中的“id”是一个完整的对象。你应该做的是：

<option ng-repeat="id in editIdOptionsData" value="{{id.id}}">{{id.id}}</option>

或者只是为了可读性

<option ng-repeat="element in editIdOptionsData" value="{{element.id}}">{{element.id}}</option>

编辑 1：如果您想根据某些条件选择其中一个选项，您可以使用 ngSelected 指令：

ng-selected="<your condition>"

在你的例子中它会是这样的（如果我正确理解你的需要）

<select ng-model="selectedid" class="form-control"> 
  <option ng-selected="selectedid == id.id" ng-repeat="id in editIdOptionsData" value="{{id.id}}">{{id.id}}</option> 
</select>

如果这不是你的样子，你的问题必须更具体。

【讨论】：

谢谢丹尼尔..它正在工作..但我需要显示一些选定的 id 那么我该如何显示呢。
ngSelected 指令可以帮助您。我会编辑我的答案
正确的方法是使用ng-options 和ng-model。请注意，ng-model 应该始终是一个对象
实际上在使用 ngSelected 指令在我的控制器中添加“$scope.selectedid = $scope.editIdOptionsData[0].id;”之后它正在工作..但是在保存按钮时单击它没有得到保存..

【解决方案2】：

试试这样的：

<select ng-model="selectedid" ng-options="object as object.id in object for editIdOptionsData" class="form-control"> </select>

【讨论】：