title: Angular 2+: Get child element of @ViewChild()
body: <p>How can I access the child elements (here: <code>&lt;img&gt;</code>) of <code>@ViewChild()</code> in Angular 2+ without explicit declaration?</p>
  
  <p><strong>In template.html</strong></p>
  
  <pre><code>&lt;div #parent&gt;
    &lt;!-- There can be anything than &lt;img&gt; --&gt;
    &lt;img src="http://localhost/123.jpg" alt=""&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>In component.ts</strong></p>
  
  <pre><code>@ViewChild('parent') parent;
  
  public getFirstChild() {
     this.firstChild = this.parent.? //
  }
  </code></pre>
  
  <p>The aim is, to be able to create a universal component that uses:</p>
  
  <pre><code>&lt;div #parent&gt;
      &lt;ng-content&gt;&lt;/ng-content&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the child elements of <code>#parent</code> need to be accessible without explicit declaration.</p>