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>

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

使用Angular2的HTML标记中的变量

1 个答案: