JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <floater>ciafeafao</floater>
</div>

JavaScript

var app = angular.module("app", []);

app.directive("floater", function ($compile) {
    return {
        restrict: 'E',
        replace: true,
        transclude: true,
        template: "<div ng-transclude></div>",
        compile: function compile ( element, attrs) {
            var template = "<div><div>"+element.html()+"</div></div>";
            
            element.html(template);
        }
    }
});