使用Angular2的HTML标签中的变量

Question

感谢 Angular2 中的 *ngFor，我正在尝试为我显示的每个元素提供一个独立的输入，我尝试了这个，但它不起作用：

<li *ngFor="let child of childArray; let i=index"> <input type="checkbox" id="{{child.name}}" style="display:none;">
    <label for="{{child.name}}">
       <h1>{{child.name}}</h1> 
   </label></li>

当然{{child.name}} 显示正确，但似乎我不能将它用作标签组件中的变量。有人有想法来管理它吗？

提前致谢！

Answer 1

您可以尝试以下方法：

<li *ngFor="let child of childArray; let i=index">
  <input type="checkbox" [attr.id]="child.name" style="display:none;">
  <label [attr.for]="child.name">
    <h1>{{child.name}}</h1> 
  </label>
</li>

当您说“我不能将其用作标签组件中的变量”时，您是什么意思？属性不包含值？