title: Apply custom component's id attribute to an internal input element
body: <p>I've created a custom Angular component, which is basically a wrapper around an input element with some attributes.
  I want this internal input element to be focused when a label element with a <strong>for</strong> attribute, pointing to the <strong>id</strong> attribute of the custom component, is clicked.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;label for="some-id"&gt;Label text&lt;/label&gt;
  &lt;my-custom-element id="some-id"&gt;&lt;/my-custom-element&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>@Component({
    selector: 'my-custom-element',
    template: '&lt;input type="text" /&gt;'
  })
  </code></pre>
  
  <p>Is it possible to move the <strong>id</strong> attribute along with its' value to an internal element (e.g. the input element)?</p>