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 say-hello-to info="Dusty">d</div>');
}, 2000);