JSFiddle - React, Tailwind, and code Playground

by MasterMorality

HTML

<div ng-app="app" ng-controller="test">
    <script type="text/ng-template" id="item.html">
        {{ item.title }}
        <ul><li ng-repeat="item in item.children" ng-include="'item.html'"></li></ul>
    </script>
   <ul>
       <li ng-repeat="item in items" ng-include="'item.html'"></li>
   </ul>         
</div>

JavaScript

var items = [{
	title: 'Something',
	children: [
		{ title: 'Hello World' },
		{ title: 'Hello Overflow' },
		{ title: 'John Doe', children: [
			{ title: 'Amazing title' },
			{ title: 'Google it' },
			{ title: 'Im a child', children: [
				{ title: 'Another ' },
				{ title: 'He\'s my brother' },
				{ title: 'She\'s my mother.', children: [
					{title: 'You never know if im going to have children'}
				]}
			]}
		]}
	]
}];

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

app.controller('test', function( $scope ) {
    $scope.items = items;
});