I want to parse the JSON response of Country & State from below mentioned URL.

<https://gist.githubusercontent.com/mayurah/5f4a6b18b1aa8c26910f/raw/countriesToCities.json>

```
{
"China":  [
"Guangzhou",
"Fuzhou",
"Beijing",
"Baotou",
"Hohhot",
"Guiyang",
"Yinchuan",
"Nanjing",
"Changzhou",
"Chuzhou",
"Hefei",
"Jinan",
"Qingdao",
"Harbin",
"Zhaodong",
"Taiyuan",
"Xi'an",
.
.
.
 }
 ]

```

I want the result as,

* Guangzhou, China
* Taiyuan, China

I am using AngularJS, Following is a piece of code of my controllers.js file.

```
var
apiUrl = {
    countryStateList: 'https://gist.githubusercontent.com/mayurah/5f4a6b18b1aa8c26910f/raw/countriesToCities.json'
};

countryData.controller('countryDataCtrl', ['$scope', '$http', function($scope, $http) {
$http.get(apiUrl.countryStateList).success(function(data) {
    // console.log(data);
    $scope.countryStateList = data;
});
}]);

```

And, in my HTML file, code is something like this,

```
<ul ng-repeat="country in countryStateList">
<li>{{ STATE_NAME, COUNTRY_NAME }}</li>
</ul>

```

* STATE\_NAME & COUNTRY\_NAME are just for in display information. Both must be replaced with Angular code.

The problem is JSON element names are itself country names. Can someone tell me how to parse the same in AngularJS/Javascript.