Not able to load JSON data into DropDownList in AngularJS

Question

I'm getting blank data while loading JSON data into Dropdown using Angular ng-options.

My JSON Values

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

HTML View

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

here details is my scope variable.

how to get these data and also next time I need to use selected value. so Do I need to bind with ng-model ?

Thanks

beaver · Accepted Answer · 2016-01-27 12:52:43Z

2

Here is the working code:

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

In $scope.selected you read the selected item.

Check this example on Codepen: http://codepen.io/beaver71/pen/Vexwmr

answered Jan 27, 2016 at 12:52

beaver

17.8k2 gold badges43 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Not able to load JSON data into DropDownList in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related