html - 使用 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>

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