Angular 2.0 final: How to instantiate a component from code
<p>I'm looking for a way to instantiate a component in Angular2 from within the code of another component. Unlike the many people that have asked a similar question I'm not so much interested in dynamically compiling a new component, just instantiating and inserting one that already exists in my application.</p>

<p>For instance:</p>

<p>Say I have two components:</p>

<p><strong>dashboard-item.component.ts</strong></p>

<pre><code>import { Component } from "@angular/core";

@Component({
    selector: "dashboard-item",
    template: "Some dashboard item with functionality"
})
export class DashboardItemComponent {
    constructor() {}

    onInit() {}
}
</code></pre>

<p><strong>dashboard.component.ts</strong></p>

<pre><code>import { Component } from "@angular/core";

@Component({
    selector: "dashboard",
    template: "&lt;h1&gt;Dashboard!&lt;/h1&gt;&lt;div #placeholder&gt;&lt;/div&gt;"
})
export class DashboardComponent {
    constructor() {}

    onInit() {}
}
</code></pre>

<p>What I'm looking for is a way to create a DashboardItemComponent in the onInit of the DashboardComponent and add it to the #placeholder div. </p>

<p>Two things to note:</p>

<ul>
<li>I will need to be able to use the inputs/outputs of the child component</li>
<li>I'm explictly not talking about compiling a new component on the fly like these two issues describe: <a href="https://stackoverflow.com/questions/38888008/how-can-i-use-create-dynamic-template-to-compile-dynamic-component-with-angular/38888009">How can I use/create dynamic template to compile dynamic Component with Angular 2.0?</a> and <a href="https://stackoverflow.com/questions/34784778/equivalent-of-compile-in-angular-2">Equivalent of $compile in Angular 2</a></li>
</ul>

<p>These two earlier issues ask a similar question, but their answers are either rather lackluster or pertain to earlier (beta) versions of Angular2 and no longer seem to work.</p>

<ul>
<li><a href="https://stackoverflow.com/questions/39457325/how-to-instantiate-and-render-angular2-components">How to instantiate and render Angular2 components?</a></li>
<li><a href="https://stackoverflow.com/questions/37063455/is-it-possible-to-manually-instantiate-component-in-angular-2">Is it possible to manually instantiate component in angular 2</a></li>
</ul>