JSFiddle - React, Tailwind, and code Playground

by Rob Rothe

HTML

<div ng-app="myApp" ng-controller="AppCtrl">
  <div ng-repeat="(key,val) in testObj track by $index">
    <strong>{{ key }}</strong>
    <ul>
      <li ng-repeat="data in val">{{ data.name }}</li>
    </ul>
  </div>
</div>

JavaScript

var app = angular.module("myApp", []);
app.controller('AppCtrl', function($scope) {
  $scope.testObj = {

    'London': [{
      "id": 1,
      "city": "London",
      "country": "GB",
      "name": "Test1"
    }, {
      "id": 4,
      "city": "London",
      "country": "GB",
      "name": "Test2"
    }],

    'Los Angeles': [{
      "id": 8,
      "city": "LA",
      "country": "US",
      "name": "Test3"
    }]
  }
});