JSFiddle - React, Tailwind, and code Playground

by Shanid

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 
                shanidkannur@gmail.com

---------------------------------------------------------*/

function githubController($scope,$http) {
  $http.get("https://api.github.com/users/mralexgray/repos")
  .success(function(response) {$scope.names = response;});
}