Can't bind to 'for' since it isn't a known native property angular2
<p>I have to Create a list of checkboxes dynamically so i have used *ngFor to iterate the array of objects everything is working fine till iteration. the problem is occured when i set the value of <code>for</code> attribute in the label tag. angular has throw the error :</p>

<blockquote>
  <p>Can't bind to 'for' since it isn't a known native property angular2</p>
</blockquote>

<p>new error message</p>

<blockquote>
  <p>Unhandled Promise rejection: Template parse errors: Can't bind to 'for' since it isn't a known property of 'label'.</p>
</blockquote>

<pre><code>&lt;div *ngFor="#batch of batch_array"&gt;
     &lt;label for="{{batch.id}}"&gt;&lt;input type="checkbox" [value]="batch.id" id="{{batch.id}}"    
       (click)="batchSelectedEevent(batch.id)" /&gt; {{batch.batch_name}} 
     &lt;/label&gt;
&lt;/div&gt;
</code></pre>

<p>here is my plnkr showing error : <a href="http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview" rel="noreferrer">http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview</a></p>

<p>whats wrong here in my code ?</p>