title: Can one render Angular 2 Components inside DOM elements from third party libraries?
body: <p>Suppose I have an Angular 2 app that wraps a third party library such as the Leaflet Mapping API that does it's own DOM management.</p>
  
  <p>Invoking the third party library components from Angular I have working.</p>
  
  <p>However, in the Leaflet example, what if I want to render one of my Angular components /inside/ some markup rendered by the third party library.</p>
  
  <p>For example, is it possible to render a component from my Angular 2 app inside a Leaflet popup? <a href="http://leafletjs.com/reference-1.1.0.html#popup" rel="nofollow noreferrer">http://leafletjs.com/reference-1.1.0.html#popup</a></p>
  
  <p>Or in the general case, if I have a reference to a DOM element "outside" of Angular, is there an API available to append an Angular component to that DOM element and manage it? </p>