JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://flashbond.eu.pn/bootstrap.css">
<link rel="stylesheet" href="http://flashbond.eu.pn/app.css">
<link rel="stylesheet" href="http://flashbond.eu.pn/angular-ui.css">
<script src="http://flashbond.eu.pn/angular-ui.min.js"></script>
<script src="http://flashbond.eu.pn/angular.min.js"></script>

<html lang="en" ng-app="myApp" class="ng-scope">
<body ng-controller="myAppCtrl" class="ng-scope">

<table border="1" >
<thead>
<tr>
<th ng-repeat="item in items">{{item.type}}</th>
</tr>
</thead>
</table>
    
</body>
</html>

JavaScript

'use strict';


var myApp = angular.module('myApp',[]);

myApp.controller('myAppCtrl', function($scope) {
	$.getJSON('http://flashbond.eu.pn/myJSON.json', function(data) {
        $scope.$apply(function(){
        $scope.items = data.imports.item;
        });
    });
});