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

Question

通过我的 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 吗？

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

如果这不是您想要的，您的问题必须更加具体。