<p dir="auto">Here is the plunk showing the problem</p>
<p dir="auto"><a href="http://plnkr.co/edit/UTH6sUqb0OhZsBa6r3h4?p=preview" rel="nofollow">http://plnkr.co/edit/UTH6sUqb0OhZsBa6r3h4?p=preview</a></p>
<p dir="auto">basically when using something like</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;{{forLabel}}&quot;&gt;{{label}}&lt;/label&gt;
        &lt;input type=&quot;text&quot; class=&quot;form-control&quot;&gt;
 &lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="form-group"&gt;
        &lt;label for="{{forLabel}}"&gt;{{label}}&lt;/label&gt;
        &lt;input type="text" class="form-control"&gt;
 &lt;/div&gt;
</code></pre></div>
<p dir="auto">you get</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Can't bind to 'for' since it isn't a known native property (&quot;
&lt;/nav&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label [ERROR -&gt;]for=&quot;{{forLabel}}&quot;&gt;{{label}}&lt;/label&gt;
        &lt;input type=&quot;text&quot; class=&quot;form-control&quot;&gt;
    &lt;/div&gt;
&quot;): RoutedComponent@28:12"><pre class="notranslate"><code class="notranslate">Can't bind to 'for' since it isn't a known native property ("
&lt;/nav&gt;
    &lt;div class="form-group"&gt;
        &lt;label [ERROR -&gt;]for="{{forLabel}}"&gt;{{label}}&lt;/label&gt;
        &lt;input type="text" class="form-control"&gt;
    &lt;/div&gt;
"): RoutedComponent@28:12
</code></pre></div>
<p dir="auto">[X] bug report<br>
[X] feature request</p>
<ul dir="auto">
<li><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong></li>
</ul>
<p dir="auto">Bug in existing behavior, feature for proposed solution</p>
<p dir="auto">I am creating an Angular2 component, in the template, I am wanting to create an <code class="notranslate">&lt;input&gt;</code>, with a calculated <code class="notranslate">[id]</code> property, which works.</p>
<p dir="auto">I am also wanting to create a <code class="notranslate">&lt;label&gt;</code> with a matching <code class="notranslate">[for]</code> property, so that the label is appropriately bound to the input (clicking will focus said input).</p>
<ul dir="auto">
<li><strong>What is the current behavior?</strong></li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="EXCEPTION: Template parse errors:
Can't bind to 'for' since it isn't a known native property"><pre class="notranslate"><code class="notranslate">EXCEPTION: Template parse errors:
Can't bind to 'for' since it isn't a known native property
</code></pre></div>
<ul dir="auto">
<li>**If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal</li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;label [for]=&quot;getInputId()&quot;&gt;Label&lt;/label&gt;
&lt;input [id]=&quot;getInputId()&quot; /&gt;"><pre class="notranslate"><code class="notranslate">&lt;label [for]="getInputId()"&gt;Label&lt;/label&gt;
&lt;input [id]="getInputId()" /&gt;
</code></pre></div>
<ul dir="auto">
<li><strong>What is the expected behavior?</strong></li>
</ul>
<p dir="auto">The property should be calculated, and the result outputted into the <code class="notranslate">&lt;label&gt;</code> like the <code class="notranslate">[id]</code> property works for <code class="notranslate">&lt;input&gt;</code>;</p>
<ul dir="auto">
<li><strong>What is the motivation / use case for changing the behavior?</strong></li>
</ul>
<p dir="auto">The current behavior doesn't support a necessary feature for HTML output in dealing with label association to form controls.</p>
<ul dir="auto">
<li><strong>Please tell us about your environment:</strong></li>
</ul>
<p dir="auto">Angular version: 2.0.0-beta.7<br>
Browser: all<br>
Language: ES2016+ (Babel)</p>
<ul dir="auto">
<li><strong>Other information</strong> (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)</li>
</ul>
<p dir="auto">It would be nice if "unknown" native properties simply run and output the result,as <code class="notranslate">[id]</code> works on the <code class="notranslate">&lt;input&gt;</code> element.</p>