title: Manually initializing a dynamic DOM element in AngularJS
body: <p>How does one initialize a dom element that is manually inserted to the dom in angular? </p>
  
  <p>angular.bootstrap doesn't seem to work in this case, since I already initialize the app with ng-app. I just want to initialize the new dom element, not the whole app.
  <code>angular.bootstrap($('#my-new-element'), ['MyApp'])</code> works but is problematic since it creates a new instance of the app on the new dom element instead of adding the new element and controller into the existing app.</p>
  
  <p>I am thinking there must be a way of getting the $compile from the injector and compiling the new element with the html to get the linking function, but not sure what to pass for the scope there.</p>