2016-01-27 1 views
1

Je reçois des données vierges lors du chargement des données JSON dans Dropdown à l'aide des options ng angulaires.Impossible de charger les données JSON dans DropDownList dans AngularJS

Mon JSON Valeurs

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

HTML Voir

<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> 

détails ici est ma variable de portée.

comment obtenir ces données et aussi la prochaine fois que j'ai besoin d'utiliser la valeur sélectionnée. ai-je besoin de lier avec ng-model?

Merci

Répondre

2

Voici le code de travail:

<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> 

En $scope.selected vous lisez l'élément sélectionné.

Vérifiez cet exemple sur Codepen: http://codepen.io/beaver71/pen/Vexwmr