JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">

<test></test> <!-- here should be foo -->
<test></test> <!-- here should be nothing -->

</body>

JavaScript

var app = angular.module("myApp", []);
app.directive("test", function() {
    return {
        template:
        '<div class="wrapper">' +
        '<div class="content">foo' +
        '</div>' +
		'</div>'
    };
});