title: Create Directive that Inserts HTML Outside of Where it's Used
body: <p>I've created an AngularJS directive. This directive needs to insert an HTML element as a child of the <code>body</code> element. This element will need to contain another custom component, defined as a directive.</p>
  
  <p>I've tried <code>transclude</code>ing the directive, that's not allowing me to achieve the desired result; placing the element as a direct child of <code>body</code>. An approach I was thinking of was to, in some manner, grab the markup from the <code>templateUrl</code> and inject that <em>"angularly"</em> into the DOM just before the closing <code>body</code> tag. </p>
  
  <p><em>I'm really trying to stay open-minded with the concept of using AngularJS daily, these "things" are making that difficult.</em></p>