title: Getting reference of ngComponentOutlet
body: <p>I'm creating dynamically a component with ngComponentOutlet.
  Sounds like:</p>
  
  <pre><code>import {Component, NgModule} from '@angular/core'
  import {BrowserModule} from '@angular/platform-browser'
  
  @Component({
    selector: 'alert-success',
    template: `
      &lt;p&gt;Alert success&lt;/p&gt;
    `,
  })
  export class AlertSuccessComponent {  }
  
  @Component({
    selector: 'alert-danger',
    template: `
      &lt;p&gt;Alert danger&lt;/p&gt;
    `,
  })
  export class AlertDangerComponent {
    test = 'danger...';
  }
  
  @Component({
    selector: 'my-app',
    template: `
      &lt;h1&gt;Angular version 4&lt;/h1&gt;
      &lt;ng-container *ngComponentOutlet="alert"&gt;&lt;/ng-container&gt;
      &lt;button (click)="changeComponent()"&gt;Change component&lt;/button&gt;
    `,
  })
  export class App {
    alert = AlertSuccessComponent;
  
    changeComponent() {
      this.alert = AlertDangerComponent;
      alert(this.alert.test);       &lt;-- ???????
    }
  }
  
  @NgModule({
    imports: [ BrowserModule ],
    declarations: [ App, AlertSuccessComponent, AlertDangerComponent ],
    entryComponents: [AlertDangerComponent, AlertSuccessComponent],
    bootstrap: [ App ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>In changeComponent(), I try (naively I guess) to get the reference of the current component to feed it with data, but it failed :(</p>
  
  <p>Should I have to use ViewContainerRef, how?</p>