title: how to load a component programatically to one div in angular 2
body: <p>i am very new to angular 2, 
  i have some set of dynamically created divs i want to load per-defined components to those div based on user selection. i tried many blogs to load component dynamically but none of them are clear and simple. </p>
  
  <p>what i'am expecting is to know how to load one component to a div on click of a button.</p>
  
  <p>for example</p>
  
  <pre><code>@Component({
      selector: 'container',
      template: `&lt;div id="container"&gt;// need to place the component here on click of a button  //&lt;/div&gt;`
   })
  </code></pre>
  
  <p>if anybody can provide a plunker or solution is highly appreciated</p>