Kann nicht binden ‚für‘, da es keine bekannte einheimische Eigenschaft angular2 ist

Question

ich dynamisch eine Liste von Kontrollkästchen erstellen müssen, um so i * ngFor verwendet habe, um das Array von Objekten, alles iterieren arbeitet bis Iteration in Ordnung. Das Problem ist aufgetreten, wenn ich den Wert for Attribut im Etikett-Tag gesetzt habe. Winkel hat den Fehler aus:

nicht ‚für‘ binden kann, da es keine bekannte einheimische Eigenschaft angular2

neue Fehlermeldung

Unhandle Versprechen Ablehnung: Template Fehler analysieren: Kann nicht an 'for' gebunden werden, da es keine bekannte Eigenschaft von 'label' ist.

<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> 

hier ist mein plnkr Fehler zeigt: http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

was falsch hier in meinem Code?

Answer 1

Update

In Angular2 final [for]="xxx" sollte gut funktionieren. Sie fügten einen Alias ​​von for zu htmlFor hinzu.

original

Angular verwendet standardmäßig Eigenschaftsbindung aber label hat keine Eigenschaft for. Zu sagen Angular explizit Attribut zu verwenden, verbindlich, verwenden Sie stattdessen:

[attr.for]="someField" 

oder

attr.for="{{someField}}" 

statt.

Diese funktionieren auch, weil htmlFor die Eigenschaft for ist widergespiegelt wird.

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

In Angular2 RC.6 wurde ein Alias ​​hinzugefügt, so sollten diese jetzt auch funktionieren:

[for]="someField" 

oder

for="{{someField}}"