title: Bind custom directive to host
body: <p>I've looked far and wide but I can't seem to find an answer.  I've created a directive, which works fine, but I want to bind it to the host of a component dynamically.  </p>
  
  <p>Example:</p>
  
  <pre><code>@Directive({ selector: 'myDirective' })
  
  @Component({ selector: 'myComponent',
      template: 'some content goes here...'
  })
  export class MyComponent {
      /* bind myDirective to host */
  }
  
  //when using myComponent, it should be
  &lt;myComponent&gt;&lt;/myComponent&gt;
  //not
  &lt;myComponent myDirective&gt;&lt;/myComponent&gt;
  </code></pre>
  
  <p>I basically want to remove the need to either a) explicitly set <code>myDirective</code> and b) wrap the template with an element just to use <code>myDirective</code></p>