Невозможно связать с 'for', поскольку это не известное собственное свойство angular2

Мне нужно создать список флажков динамически, поэтому я использовал * ngFor для итерации массива объектов, все работает нормально до итерации. проблема возникает, когда я устанавливаю значение атрибута for в теге метки. angular выбрасывает ошибку:

Невозможно связать с 'for', поскольку это не известное собственное свойство angular2

новое сообщение об ошибке

Отказ от необработанного обещания: ошибки разбора шаблона: невозможно привязать к 'for', поскольку это не является известным свойством '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>

вот моя ошибка plnkr: http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

Что здесь не так в моем коде?

Ответ 1

Обновление

В Angular2 окончательный [for]="xxx" должен работать нормально. Они добавили псевдоним от for до htmlFor.

оригинальный

Angular по умолчанию использует привязку свойств, но label не имеет свойства for. Чтобы явно указать Angular использовать привязку атрибутов, используйте вместо этого:

[attr.for]="someField"

или

attr.for="{{someField}}"

вместо.

Они также работают, потому что htmlFor - это свойство for отражается на.

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

В Angular2 RC.6 добавлен псевдоним, который должен теперь работать:

[for]="someField"

или

for="{{someField}}"