I have been struggling to populate a Select element with a list of objects for ngOptions. Despite confirming that the data structure is correct and accessible, I cannot get the Select to show the options. Even when rendering the options expression on the page directly, the data appears fine. Here's an example of the data structure:
{{ 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"}]
Based on this data structure, I attempted to use ng-options as follows, but it failed to work:
<select ng-options="term.name group by term.group for term in
form_event.providers.search_terms[form_event.type.toLowerCase()]">
</select
You can view a fiddle demonstrating the issue here: http://jsfiddle.net/9B3zN/1/
If you have any insights or suggestions, they would be greatly appreciated.