JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
<div ng-controller="TestController">
    <select class="form-control" ng-init="cc={location: ''}" ng-model="cc.city">
         <option ng-repeat="city in data" value="{{city.city}}">{{city.city}}</option>
    </select>
    {{cc}}
    <div ng-repeat="city in data| filter:cc">
        {{city.location}}
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', [])
    .controller('TestController', ['$scope', function ($scope) {
        $scope.data = [{"city":"New York","location":"123"},
                        {"city":"Chicago","location":"953"},
                        {"city":"New York","location":"788"},
                        {"city":"Chicago","location":"853"}];
}]);