title: Angular2: Inject external Component into other component via directive not working
body: <p>I want child component template to load into parent component template. (for the lack of better wording I call them child and parent)</p>
  
  <p>This is my child:</p>
  
  <pre><code>import {Component,Directive, ElementRef, Input} from '@angular/core';
  import {IONIC_DIRECTIVES} from 'ionic-angular';
  
  
  @Component({ 
    selector: '[parentselector]',
    template: '&lt;div&gt;I AM A CHILD&lt;/div&gt;',
    directives: [IONIC_DIRECTIVES] 
  })
  
  
  export class ChildPage {
      constructor() {
  
      }
  }
  </code></pre>
  
  <p>This is my parent:</p>
  
  <pre><code>@Component({
      templateUrl: 'build/pages/parent/parent.html',
      directives: [ChildPage]
  })
  </code></pre>
  
  <p>And the HTML of Parent:</p>
  
  <pre><code>&lt;ion-content&gt;
      &lt;ion-slides&gt;
          &lt;ion-slide&gt;&lt;parentselector&gt;Parent To Be Overriden&lt;/parentselector&gt;
          &lt;/ion-slide&gt;
      &lt;/ion-slides&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Any idea whats wrong?</p>