directivas - instalar angular 4 cli

No se puede enlazar a ''for'' ya que no es una propiedad nativa conocida angular2

Question

Tengo que crear una lista de casillas de verificación dinámicamente, así que he usado * ngFor para iterar la matriz de objetos, todo funciona bien hasta la iteración. El problema se produce cuando establezco el valor de atributo for en la etiqueta. angular ha arrojado el error:

No se puede enlazar a ''for'' ya que no es una propiedad nativa conocida angular2

nuevo mensaje de error

Rechazo de promesa no controlado: errores de análisis de plantilla: no se puede vincular a ''for'' ya que no es una propiedad conocida de ''label''.

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

Aquí está mi error plnkr mostrando: http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

¿Qué hay de malo aquí en mi código?

Answer 1

actualizar

En Angular2 final [for]="xxx" debería funcionar bien. htmlFor un alias de for a htmlFor .

original

Angular utiliza de forma predeterminada el enlace de propiedad, pero la label no tiene una propiedad for . Para decirle a Angular explícitamente que use el enlace de atributo, use en su lugar:

[attr.for]="someField"

o

attr.for="{{someField}}"

en lugar.

Esto también funciona porque htmlFor es la propiedad for se refleja.

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

En Angular2 RC.6 se agregó un alias, por lo que ahora debería funcionar también:

[for]="someField" 

o

for="{{someField}}"