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

Question

我必须动态创建一个复选框列表，所以我使用 *ngFor 来迭代对象数组，在迭代之前一切正常。当我在标签标签中设置for 属性的值时，就会出现问题。角度已经抛出错误：

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

新的错误信息

未处理的承诺拒绝：模板解析错误：无法绑定到“for”，因为它不是“标签”的已知属性。

<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

我的代码有什么问题？

Answer 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}}"