JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="foo">
    <div render-nested-html>
        <div>foo</div>
    </div>
</div>

JavaScript

var module = angular.module('app', []);
module.controller('foo', function() {});

module.directive('renderNestedHtml', function() {
    return {
        compile: function(element, attrs) {
            var rawHtml = element[0].innerHTML;
            var code = angular.element('<pre></pre>');

            code.text(rawHtml.trim());
            element.replaceWith(code);

        },
    }
})