title: Angular 2 : How to dynamically load component control inside another component from code
body: <p>I need a help . How to render   from typescript</p>
  
  <p>looking for help using @angular/core.   </p>
  
  <p>import { Component } from '@angular/core';</p>
  
  <p>@Component({
    selector: 'childcomp',
    template: <code>
      &lt;div&gt;{{html}}&lt;/div&gt;
  </code>
  })
  export class ChildComponent
  {
    html:string =
    "<h1>Child Component</h1>";
  parentAttribID :string =25 ;</p>
  
  <p>}</p>
  
  <p>@Component({
    selector: 'anotherchildcomp',
    template: <code>
      &lt;h1&gt;Another Child Component&lt;/h1&gt;
  </code>
  })
  export class AnotherChildComponent
  {
      @Input attribID: string ;</p>
  
  <p>}</p>