Impossibile collegarsi a "for" poiché non è una proprietà nativa conosciuta angular2

Question

Devo creare un elenco di checkbox in modo dinamico così ho usato * ngFor per iterare la matrice di oggetti tutto funziona fino all'iterazione. il problema si verifica quando imposto il valore dell'attributo for nel tag etichetta. angolare ha lanciare l'errore:

non può legarsi a 'per' dato che non è un angular2 noto proprietà nativa

nuovo messaggio di errore

non gestita Promessa rifiuto: Template errori di analisi: impossibile eseguire il binding a "for" poiché non è una proprietà nota di "etichetta".

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

Ecco il mio plnkr mostrando di errore: http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

che cosa è sbagliato qui nel mio codice?

Answer 1

aggiornamento

In Angular2 finale [for]="xxx" dovrebbe funzionare bene. Hanno aggiunto un alias da for a htmlFor.

originale

angolare di default utilizza la proprietà vincolante, ma label non avere una proprietà for. A dire angolare esplicitamente di usare vincolante attributo, utilizzare:

[attr.for]="someField" 

o

attr.for="{{someField}}" 

invece.

Questi funzionano anche perché htmlFor si riflette nella proprietà for.

[htmlFor]="someField" 
htmlFor="{{someField}}" 

In Angular2 rc.6 un alias è stato aggiunto in modo da questi dovrebbero ora funzionare così:

[for]="someField" 

o

for="{{someField}}"