JSFiddle - React, Tailwind, and code Playground

by terebentina

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-app="app" ng-controller="Ctrl">
    <div my-dir my-data="data"></div>
</div>

JavaScript

angular.module('app', []).controller('Ctrl', function($scope, $timeout) {
    $scope.data = [];
    $timeout(function() {
        $scope.data = [
            {"type":"h2", "PCDATA":"Title"},
            {"type":"p", "PCDATA":"First paragraph."},
            {"type":"li", "PCDATA":"list node"},
            {"type":"p", "PCDATA":"First paragraph."}
        ];
    }, 1000);
}).directive('myDir', function() {
    return {
        restrict: 'A',
        replace: true,
        compile: function(elem, attrs) {
            console.log('attrs', attrs);
        }
    }
});