具有自定义值的angular.js ng-options

Question

我有一个从ajax调用返回的json对象:

0: Object
    id: "0-0-0"
    selected: "selected"
    text: "option name"
    value: 0
    __proto__: Object
1: Object
    id: "12-0-0"
    selected: ""
    text: "4C 1.75 16v Tbi ( TCT )"
    value: 59885

我想填充选择的选项,如下所示:

<option value="0" id="0-0-0" selected="selected">option name </option>

ng-options如何实现这一目标？

Answer 1

ng-repeat如果您需要id服务器响应填充的属性,则更有意义:

HTML:

<select>
    <option ng-repeat="obj in results" id="{{obj.id}}" value="{{obj.value}}"
    ng-selected="obj.selected === 'selected'">{{obj.text}}</option>
</select>

ng-repeat 演示

但是,如果它只是您所追求的数据(并且不需要id为每个数据设置属性option),ng-options则会像这样工作:

<select ng-model="selection" ng-options="obj as obj.text for obj in results">
</select>

ng-options 演示