title: two way data binding using dynamic component loader in angular2
body: <p>I want to know how one can establish two way data binding with components loaded using dynamic component loader in angular2.for ex.</p>
  
  <pre><code>ngAfterViewInit() {
  //console.log('Generic Component...' + this.componentName + " Loading");
  let componentIndex = this.keysRegister.indexOf(this.componentName);  
  this.dcl.loadNextToLocation(this.typesRegister[componentIndex],this.target)
      .then(ref =&gt; { 
        ref.instance.componentModel = this.componentModel; 
      });  
  console.log('Generic Component...' + this.componentName + " Loaded");
  }
  </code></pre>
  
  <p>so if am making changes to componentModel in dynamically loaded component , they should reflect in generic component too &amp; vice versa.
  any inputs?</p>