JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<!-- example for http://stackoverflow.com/questions/31711486/select-a-dropdown-value-using-json -->
<div ng-controller="MainCtrl">
     <h4>Select value 2 using json data</h4>
    <select data-ng-model="data.myDropdown">
        <option value="">Select a value</option>
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
    </select>
    <hr />
    
<h4>I can pull in json data into text inputs but not dropdowns.</h4>

    <p>
        <input type="text" name="textData" data-ng-model="data.textData" />
    </p>
</div>

JavaScript

//hardcode variable for data returned from http
var data = {
    "textData": "Example text data",
     "myDropdown": "2" 
    //myDropdown should be 2 to match a value in your select option values
}

var app = angular.module('app', []);

app.controller('MainCtrl', function ($scope, $http, $log) {
    $scope.data = data;
});