JSFiddle - React, Tailwind, and code Playground

by boneskull

HTML

<div ng-controller="MyCtrl">
<div compiler></div>
</div>

JavaScript

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

myapp.controller('MyCtrl', ['$scope', function($scope) {
    $scope.foo = 'bar';
}]);

myapp.directive('compiler', ['$compile', function factory($compile) {
    return {
        link: function(scope, element, attribs) {
            var compiled = $compile('<p>{{foo}}</p>')(scope);
            element.append(compiled);
    
        }
    }
}]);