JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="" ng-controller="githubController">
<ul>
<li ng-repeat="x in names">
{{ x.id }}, {{ x.name }}
</li>
</ul>
</div>
CSS
ul{
font-family: Arial;
font-size:12px;
}
ul li{
padding: 10px;
border-bottom: 1px dotted #ddd;
list-style-position: inside;
}
JavaScript
/* -------------------------------------------------------
* Filename: JSON data print in HTML list
* Website: http://www.shanidkv.com
* Description: Shanidkv AngularJS blog
* Author: Muhammed Shanid
[email protected]
---------------------------------------------------------*/
function githubController($scope,$http) {
$http.get("https://www.instagram.com/explore/tags/summar/?__a=1")
.success(function(response) {$scope.names = response;});
}