'for'は既知のネイティブプロパティではないため、バインドできませんangular2

Question

チェックボックスを動的に作成する必要があります。* ngForを使用してオブジェクトの配列を繰り返し処理しています。ラベルタグに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

いただきました！ここで間違って私のコードでは？ Angular2最終[for]="xxx"で

Answer 1

更新

は正常に動作する必要があります。彼らはforからhtmlForに別名を追加しました。デフォルトでは、角度

元

はプロパティバインディングを使用していますが、プロパティforをlabelありません。 binding属性を使用して明示的に角度指示するには、代わりに使用します。

[attr.for]="someField" 

または

attr.for="{{someField}}" 

代わりに。

htmlForはforに反映されているため、これらも機能します。 Angular2 RC.6で

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

これらは今のようにうまく機能する必要がありますので、エイリアスが追加されました：

[for]="someField" 

または

for="{{someField}}"