JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.16/angular.js"></script>
<div id='container'>
    <div say-hello-to name="Frank">f</div>
    <div say-hello-to name="Billy">b</div>
</div>

JavaScript

angular.module('myModule', [])
    .directive('sayHelloTo', function () {
    return {
        scope: {
            name: '@'
        },
        template: 'Hello {{name}}'
    };
});

// manual bootstrapping is only necessary for JsFidlle to work correclty
angular.bootstrap(document, ['myModule']);

window.setTimeout(function () {

    jQuery('#container').append('<div id="temp" say-hello-to name="Dusty">d</div>');

    var $injector = angular.element(document.querySelector('#container')).injector();
    var element = angular.element(document.querySelector('[name="Dusty"]'));
    
    $injector.invoke(function ($compile) {    
        var scope = element.scope();
        $compile(element)(scope);
    });

}, 2000);