无法绑定到“for”，因为它不是已知的本机属性 angular2

我必须动态创建一个复选框列表，因此我使用 *ngFor 来迭代对象数组，直到迭代为止一切正常。当我设置值时出现问题forlabel标签中的属性。角度抛出错误：

无法绑定到“for”，因为它不是已知的本机属性 angular2

新的错误消息

未处理的 Promise 拒绝：模板解析错误：无法绑定到“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 http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

我的代码有什么问题吗？

update

在 Angular2 决赛中[for]="xxx"应该可以正常工作。他们添加了一个别名for to htmlFor.

original

Angular 默认使用属性绑定，但是label没有财产for。要显式告诉 Angular 使用属性绑定，请改用：

[attr.for]="someField"

or

attr.for="{{someField}}"

instead.

这些也有效，因为htmlFor是财产for被反映到。

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

在 Angular2 RC.6 中添加了一个别名，因此这些现在应该也可以工作：

[for]="someField" 

or

for="{{someField}}"