Как визуализировать значения внутри раскрывающегося списка (варианты выбора). Мне нужно показать имена " header " и " footer " внутри selectbox.
$scope.sections = [
{
"header":{
"background-color":"#fff",
"color":"#fff"
},
"footer":{
"background-color":"#fff",
"color":"#fff"
}
}
];
Я пробовал следующим образом, но не работал,
<select name="section" class="form-control" ng-model ="section">
<option ng:repeat="options[0] in sections">
{{options[0]}}
</option>
</select>
Вам нужно перебирать ключи вместо значений.
<option ng-repeat="(option, val) in sections[0]">
{{option}}
</option>
Или с ng-опциями
ng-options="option for (option, val) in sections[0]"
см. плункер http://plnkr.co/edit/FQEooL5wNh8Xl8GprT99?p=preview