title: Get the ElementRef from the Template reference variable in Angular
body: <p>In the following code</p>
  
  <pre><code>&lt;input #myRef1 /&gt;
  &lt;input #myRef2 my-custom-attribute /&gt;
  </code></pre>
  
  <p>The <code>#myRef1</code> will be an <code>ElementRef</code>, and <code>#myRef2</code> will be <code>MyCustomAttributeComponent</code> directive. Basically, it implicitly finds the first component and associates it to the template reference variable.
  I can force which directive/component I want thanks to <code>exportAs</code>, but here, I actually want the <code>ElementRef</code> in both cases.</p>
  
  <p>Is there something to force <code>#myRef2</code> to be an <code>ElementRef</code> <strong>WITHOUT</strong> the TypeScript <code>@ViewChild(..., { read: ElementRef })</code>. I need to access <code>myRef2</code> as an <code>ElementRef</code> in my template.</p>