title: AngularJS doesnt "bootstrap" new DOM elements
body: <p>I have an AngularJS app which (reduced to relevant parts) looks like this:</p>
  
  <pre><code>&lt;div ng-app="myModule"&gt;
      &lt;div id='container'&gt;
          &lt;div say-hello-to name="Frank"&gt;f&lt;/div&gt;
          &lt;div say-hello-to name="Billy"&gt;b&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the application works fine. Now, if after the angular bootstrapping process, I add a new dom element, which corresponds to a directive, it isn't interpreted. Note that the "Addition" is done by non-angularjs JavaScript Code.</p>
  
  <pre><code>&lt;div say-hello-to name="Dusty"&gt;d&lt;/div&gt;
  </code></pre>
  
  <p>it is just "dead" div.</p>
  
  <p>JsFiddle Link: <a href="http://jsfiddle.net/Nn34X/" rel="nofollow">http://jsfiddle.net/Nn34X/</a></p>
  
  <p>The question is: How can I add a new DOM Element into the application and let AngularJS know that there is a new Element to be interpreted (I could easily point angularjs exactly to all inserted elements)</p>
  
  <p>Cheers, and thanks in Advance!</p>