2016-01-27 3 views
1

Я получаю пустые данные при загрузке данных JSON в раскрывающееся меню с использованием угловых ng-опций.Невозможно загрузить данные JSON в DropDownList в AngularJS

Моя JSON Значения

"tagFormat": { 
     "displayText": "Tag Format", 
     "options": [{ 
      "value": "js", 
      "name": "JS" 
     }, { 
      "value": "vast", 
      "name": "VAST" 
     }] 
    }, 

HTML Посмотреть

<div class="select_padding"> 
    <select class="form-control" ng-options="otf.value as otf.name for otf in details.tagFormat.options"> 
     <option>Select Tag Format</option> 
    </select> 
</div> 

здесь подробно моя переменная сфера.

как получить эти данные, а также в следующий раз мне нужно использовать выбранное значение. поэтому мне нужно связать с ng-моделью?

Благодаря

ответ

2

Вот рабочий код:

<select class="form-control" ng-options="item as item.name for item in details.tagFormat.options track by item.value" ng-model="selected"> 
     <option value="">Select Tag Format</option> 
    </select> 

В $scope.selected вы читаете выбранный элемент.

Посмотрите этот пример на Codepen: http://codepen.io/beaver71/pen/Vexwmr

Смежные вопросы