for="{{item}}" 怎么用？

Question

除for="{{item}}" 外，每个{{item}} 都运行良好。它显示：

例外：模板解析错误：无法绑定到“for”，因为它不是 已知的原生属性

<div *ngFor="#item of collection">
    <input type="radio" name="item" id="{{item}}" value="{{item}}">
    <label for="{{item}}">
        {{item}}
    </label>
</div>

我怎样才能让它工作？谢谢！

Answer 1

for 不是属性，它只是一个属性。改用显式属性绑定：

 <label [attr.for]="item">

或

 <label attr.for="{{item}}">

另请参见https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement "htmlFor (DOMString) 标记控件的 ID。反映 for 属性。"