title: Angular : Can't assign directive to dynamically created content using *ngComponentOutlet
body: <p><a href="https://plnkr.co/edit/KrAV2oJWjSDMiqIyqtBi?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/KrAV2oJWjSDMiqIyqtBi?p=preview</a></p>
  
  <p>Got a component that creates , compiles and inject a component.
  I got two components that I am creating foo-bar and foopica-bar.
  I've created an Directive ContentEditableDirective but somehow does not see the directive.</p>
  
  <p>On load it should call the directive and add background color yellow to the native Element style.</p>
  
  <pre><code>@Directive({
      selector: '[myHighlight]',
  
  })
  
  export class ContentEditableDirective {
  
      constructor(el: ElementRef) {
         el.nativeElement.style.backgroundColor = 'yellow';
         console.log(' el.nativeElement.style',  el.nativeElement.style)
      }
       ngAfterContentInit(){
       console.log('calling me again')}
  }
  </code></pre>