title: Integrate Angular 2 - existing application
body: <p>I want to integrate Angular 2 components inside an existing application using freemarker.</p>
  
  <p>1 / The easiest way to do it is using iframe, so that I can use the angular 2 router to show the correct component based on the url. But it’s a little bit old fashioned… In that case, the Angular 2 application is a separate project than the existing application.</p>
  
  <p>2 / Second way is to include the angular 2 application inside the existing one and create a root component per element to add in the html. But then you need to manually bootstrap components inside each html page..
  For me, the best way would be to have one root component, and to tell this root component which component to display with the router. It would be nice also to use the lazy loading feature.</p>
  
  <pre><code>&lt;root componentToDisplay='myComponent'&gt;&lt;/root&gt;
  </code></pre>
  
  <p>Is it possible ? Or maybe there is a better idea ?</p>
  
  <p>Thanks</p>