title: How do I select a ContentChild of a native element in Angular 6?
body: <p>I have a component that uses content projection. </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ng-content select="button"&gt;
  &lt;/ng-content&gt;
  </code></pre>
  
  <p>I want to do something like this in my component:</p>
  
  <pre class="lang-js prettyprint-override"><code>@ContentChild('button') button: ElementRef;
  </code></pre>
  
  <p>However, when I check <code>this.button</code>, it is <code>undefined</code> both in <code>ngAfterViewInit</code> and <code>ngAfterContentInit</code>.</p>
  
  <p>How can I select my content child if it is a native element and not a custom component?</p>