AngularJS - ng选项表达式

时间:2014-07-17 06:52:30

标签: javascript angularjs

我正在尝试访问要在Select元素中用作ngOptions的对象列表。无论我尝试什么,我都无法获得列表来填充Select。如果我在页面中呈现选项表达式,数据显示正常并且似乎具有正确的结构。所以我知道这不是我的表达中的错字或其他内容。我可以访问数据。例如:

{{ form_event.providers.search_terms[form_event.type.toLowerCase()] }}

[{"group": "program", "name": "title"},
 {"group": "program", "name": "aspect_ratio"},
 {"group": "episode", "name": "aspect_ratio"},
 {"group": "episode", "name": "house_id"}]

因此,鉴于数据结构,我认为这可以在ng-options中完成,但它不起作用:

<select ng-options="term.name group by term.group for term in
    form_event.providers.search_terms[form_event.type.toLowerCase()]">
</select

这是一个小提琴:http://jsfiddle.net/9B3zN/1/

任何线索都会很棒。

1 个答案:

答案 0 :(得分:3)

每当您使用ng-options时,请不要忘记将ng-model属性添加到select,否则无法使用

<select ng-model="selected" ng-options="term.name group by term.group for term in form_event.providers[form_event.type.toLowerCase()]">
    <option value="">-- choose --</option>
</select>

更新了小提琴:http://jsfiddle.net/9B3zN/2/