Load component dynamically in Angular 2 using selector
<p>Can we load component dynamically in Angular 2 using it's <strong>selector</strong>?</p>

<p>Lets say we have a component like below,</p>

<pre><code> @Component({
    moduleId: module.id,
    selector: 'my-component',
    templateUrl: 'my-component.html',
    styleUrls: ['my-component.css']   
 })
 export class MyComponent{
 }
</code></pre>

<p>Can we load this dynamically into a container using it's selector <code>my-component</code></p>

<pre><code>&lt;div #container &gt;&lt;/div&gt;

LoadComponent(selector: string){
    // Load using selector?
}
</code></pre>

<p>There may be a need of exporting components in the NgModule and importing the NgModule where we want to load it.</p>

<p>Not sure on how to achieve this, any pointers in right direction would be very helpful.</p>

<p>Thanks in advance!!    </p>