title: AngularJS - Dynamically creating elements that specify directives
body: <p>I have a setup like this:</p>
  
  <ul>
  <li>Controller <code>c</code> broadcasts event <code>e</code></li>
  <li>Directive <code>d</code> listens for <code>e</code>, and on <code>e</code>, writes to the DOM via append, and in so doing, creates new elements specifying a directive <code>d2</code>.  </li>
  </ul>
  
  <p>IE: <code>element.append('&lt;directiveTwo ...&gt;')</code></p>
  
  <ul>
  <li>Directive <code>two</code> is never called by Angular</li>
  <li>When I inspect the DOM (and debug) I see that Controller <code>c</code> and directive <code>d</code> are doing their jobs, and I have new <code>directiveTwo</code> elements.</li>
  </ul>
  
  <p>What is missing?  What needs to be done to trigger the directive <code>2</code> call after dynamically creating those elements?</p>