JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="test">
       <ul template-code>
           <li nested-item ng-repeat="item in items">{{item.title}}</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;
    });
    
    app.directive('templateCode', function(){
        return {
            restrict: 'A',
            controller: function(){},
            compile: function(element){
                element.removeAttr('template-code');
                //ATTENTION: We need to trim() here. Otherwise AngularJS raises an exception
                //later when we want to use the templateCode in a $compile function. 
                //Be aware that we assume a modern browser 
                //that already ships with a trim function.
                //It's easy to secure that with a polyfill.
                var templateCode = element.parent().html().trim();
                return function(scope, iElement, iAttrs, controller){
                    controller.templateCode = templateCode;
                }
            }
        }
    });
    
    app.directive('nestedItem', ['$compile', function($compile){
        return {
            restrict: 'A',
            require: '^templateCode',
            link: function(scope, element, iAttr, controller){ 
                if (scope.item.children){
                    scope.items = scope.item.children;         
                    var html = $compile(controller.templateCode)(scope);
  ...