I have been working on an AngularJS application recently, and here is a simplified version of the relevant parts:
<div ng-app="myModule">
<div id='container'>
<div say-hello-to name="Frank">f</div>
<div say-hello-to name="Billy">b</div>
</div>
</div>
Everything was running smoothly until I tried to add a new DOM element after the angular bootstrapping process using non-angularjs JavaScript Code. However, the newly added directive isn't being interpreted by AngularJS.
<div say-hello-to name="Dusty">d</div>
It seems like the new div is just inactive.
If you want to check out the JSFiddle for this issue, here's the link: http://jsfiddle.net/Nn34X/
So, my question is - how can I effectively insert a new DOM Element into the application and inform AngularJS to interpret it? I believe that I can guide AngularJS to recognize all new elements that are inserted.
Any suggestions or solutions would be greatly appreciated!