как визуализировать параметры в поле углового выбора

0

Как визуализировать значения внутри раскрывающегося списка (варианты выбора). Мне нужно показать имена " 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>
Теги:

1 ответ

2
Лучший ответ

Вам нужно перебирать ключи вместо значений.

<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

  • 0
    Отлично!. Спасибо и +1 :-). Как мы можем добиться того же, используя ng-options? Является ли это возможным ??
  • 0
    да можно посмотреть отредактированный ответ
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню