JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp" ng-controller="regionsCtrl">
<label>Select a region:</label>
<select ng-options="region for region in regions" ng-model="region" ng-change="getData()">
</select>
<div ng-repeat="d in data">
<div id="title">
{{d.title}}
</div>
</div>
CSS
table {
background-color: #ffffff;
}
JavaScript
var app = angular.module('myApp', []);
app.controller('regionsCtrl', function($scope, $http) {
$scope.regions = [
'North West', 'North East', 'Midlands', 'East Anglia', 'South East', 'South West', 'Scotland', 'Wales'
]
$scope.data = [{
"ID": 1667,
"title": "Rifleman Firearms",
"status": "publish",
"type": "listings",
"author": {
"ID": 4,
"username": "rupert",
"name": "Rupert Cross",
"first_name": "Rupert",
"last_name": "Cross",
"nickname": "rupert",
"slug": "rupert",
"URL": "",
"avatar": "http:\/\/1.gravatar.com\/avatar\/ab9a1954fc5350a23528f19365694743?s=96",
"description": "",
"registered": "2013-10-23T15:09:18+00:00",
"meta": {
"links": {
"self": "http:\/\/scd.blaze.wpengine.com\/wp-json\/users\/4",
"archives": "http:\/\/scd.blaze.wpengine.com\/wp-json\/users\/4\/posts"
}
}
},
"content": "<div ng-app=\"wpAngularPlugin\"><\/div>",
"parent": null,
"link": "http:\/\/scd.blaze.wpengine.com\/listings\/rifleman-firearms\/",
"date": "2015-11-26T12:14:36",
"modified": "2015-11-26T12:14:36",
"format": "standard",
"slug": "rifleman-firearms",
"guid": "http:\/\/scd.blaze.wpengine.com\/listings\/rifleman-firearms\/",
"excerpt": null,
"menu_order": 0,
"comment_status": "open",
"ping_status": "open",
"sticky": false,
"date_tz": "UTC",
"date_gmt": "2015-11-26T12:14:36",
"modified_tz": "UTC",
"modified_gmt": "2015-11-26T12:14:36",
"meta": {
"links": {
"self": "http:\/\/scd.blaze.wpengine.com\/wp-json\/posts\/1667",
"author": "http:\/\/scd.blaze.wpengine.com\/wp-json\/users\/4",
"collection": "http:\/\/scd.blaze.wpengine.com\/wp-json\/posts",
"replies": "http:\/\/scd.blaze.wpengine.com\/wp-json\/posts\/1667\/comments",
"version-history": "http:\/\/scd.blaze.wpengine.com\/wp-json\/posts\/1667\/revisions"
}
...