Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ng repeat来显示来自API的所有值,其中我只需要显示来自所有对象的一个键值?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何使用ng repeat来显示来自API的所有值,其中我只需要显示来自所有对象的一个键值?

Javascript 如何使用ng repeat来显示来自API的所有值,其中我只需要显示来自所有对象的一个键值?,javascript,angularjs,Javascript,Angularjs,通过我的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> <

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

但是,像这样在我的选择框中,我得到了所有的对象。您能告诉我如何仅从默认选择了一个值的所有对象中提取
id

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

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

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

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

<option ng-repeat="id in editIdOptionsData" value="{{id.id}}">{{id.id}}</option>
{{id.id}
或者只是为了可读性

<option ng-repeat="element in editIdOptionsData" value="{{element.id}}">{{element.id}}</option>
{{element.id}
编辑1: 如果要根据某些条件选择其中一个选项,可以使用ngSelected指令:

ng-selected="<your condition>"
ng selected=“”
在你的例子中是这样的(如果我正确理解你的需要)


{{id.id}}

如果你的长相不是这样,那么你的问题就必须更加具体。

谢谢你,丹尼尔。。它正在工作。。但我需要显示一些选定的id,然后如何显示。ngSelected指令可以帮助您。我将编辑我的答案正确的方法是使用
ng选项
ng模型
。请注意,
ng model
在使用ngSelected指令在我的控制器中添加“$scope.selectedid=$scope.editioptionsdata[0].id;”后,应该始终始终是一个object实际上它正在工作。。但是,当单击按钮保存时,它不会被保存。我写的保存方式是“$scope.dealDetail.decisionMakerDetail.email=$scope.selectedid”,因为“dealDetail.decisionMakerDetail.email”值也会通过ng绑定。
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>