title: Angular 2 - How to set id attribute to the dynamically loaded component
body: <p>I am using <code>DynamicComponentLoader</code> to load the child component and it produces the following html:</p>
  
  <pre><code>&lt;child-component&gt; Child content here &lt;/child-component&gt;
  </code></pre>
  
  <p>and here is how I am loading the component in the parent</p>
  
  <pre><code>ngAfterViewInit(){
          this._loader.loadIntoLocation(ChildComponent,this._elementRef,'child');
    }
  </code></pre>
  
  <p>How can I add the id attribute to the child component so that it produces the following html:</p>
  
  <pre><code>&lt;child-component id="someId" &gt; Child content here &lt;/child-component&gt;
  </code></pre>