JSFiddle - React, Tailwind, and code Playground

by _nth

HTML

<html ng-app="test">
    <head></head>
    <body ng-controller="Root">
        <h1>Base Angular Fiddle</h1>
    </body>
</html>

JavaScript

angular.module('test', []).directive('foo', function() {
    return {
        template: '<p>content - baz: {{bar.baz}}</p>',
        scope: {
            bar: '='
        }            
    };
});

function Root($compile, $rootScope) {
    var template = angular.element("<div foo></div>");
    $compile(template)($rootScope);
    var fooScope = template.scope();
    fooScope.bar = {baz: 4};
}