title: Angular 2.1 append component dynamicly inside directive
body: <p>I am a beginner in the angular 2.1. I Want to decorate some elements for the automatical translation and I am going to use a directive, it have to look like:</p>
  
  <pre><code>&lt;span customDirectiveTranslation="translateble"&gt;{{translateble}}&lt;/span&gt;
  </code></pre>
  
  <p>or just</p>
  
  <pre><code>&lt;span customDirectiveTranslation&gt;{{translateble}}&lt;/span&gt;
  </code></pre>
  
  <p>I can use the Renderer inside directive class (createElement), but by this way I can append only simple elements like span.</p>
  
  <p>how can I render component inside another component by custom directive?
  Thanx</p>