title: Getting HTML attr. with ViewContainerRef?
body: <p>I am adding a component to my template via <code>*ngFor</code></p>
  
  <pre><code>&lt;div class="filter-group" *ngFor="let type of entityTypes"&gt;
    &lt;filter-filter-group [type]="type" id="{{type.uri}}"&gt;&lt;/filter-filter-group&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And in my component I am getting my ViewChrildren like so</p>
  
  <pre><code>  @ViewChildren(FilterGroupComponent, { read: ViewContainerRef }) filterGroup: QueryList&lt;ViewContainerRef&gt;;
  </code></pre>
  
  <p><code>this.filterGroup</code> now contains my components which is exactly what I want as I then use the component Factory to dynamically insert components to each viewChild.</p>
  
  <p>As you can see in the <code>tmpl</code>. each component has an <code>id="{{type.uri}}"</code><br>
  Is there a way to get the value of id?</p>
  
  <p>I have searched far and wide and so far am a little lost on how to achieve this. NativeElement could be an option, but I believe that is only available with ElementRef?</p>
  
  <p>Possible Solution:</p>
  
  <pre><code>console.log(group['_data'].renderElement.id);
  </code></pre>
  
  <p>this gives me the id.... but i don't think this would be the way to do it? I mean it works, but feels wrong. </p>