title: Error while adding "for" attribute to label in angular 2.0 template
body: <p>I use the Angular 2.0 framework and try to create an input component.
  Also I use Google MDL and it's HTML structure required to have labels to input. 
  Angular gives me an exception:</p>
  
  <pre><code>EXCEPTION: Template parse errors:
  Can't bind to 'for' since it isn't a known native property ("s="mdl-textfield__input" type="text" id="{{input_id}}"&gt;
          &lt;label class="mdl-textfield__label" [ERROR -&gt;]for="{{input_id}}"&gt;{{input_label}}&lt;/label&gt;
      &lt;/div&gt;"): InputUsernameComponent@2:44
  </code></pre>
  
  <p>Here is the code:</p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {Input} from 'angular2/core';
  
  @Component({
      selector: 'input-username',
      template: `&lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="text" id="{{input_id}}"&gt;
          &lt;label class="mdl-textfield__label" for="{{input_id}}"&gt;{{input_label}}&lt;/label&gt;
      &lt;/div&gt;`
  })
  
  export class InputUsernameComponent {
      @Input('input-id') input_id: string;
      @Input('input-label') input_label: string;
  }
  </code></pre>
  
  <p>How can I resolve this issue?</p>