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