How to get the ElementRef of an element?
<p>I am loading a component using DCL loadnexttolocation. Is there a way I can load the component in a element specified. I mean I want to change the location where it loads by default. Here is my plunker: <a href="http://plnkr.co/edit/2dKxNAOgqYqGn4n0u8PT?p=preview" rel="nofollow">http://plnkr.co/edit/2dKxNAOgqYqGn4n0u8PT?p=preview</a>  </p>

<pre><code>add() {
  this._dcl.loadNextToLocation(DynamicCmp, this._elementref);
}
</code></pre>

<p>Here is my code when I raise the event.. The elementref considers always root component. Is there a way I can find the elementref of children inside the root? </p>

<p>What I need is the component to be loaded inside this element:  </p>

<pre><code>&lt;div #location id="location"&gt;&lt;/div&gt;
</code></pre>