angular - 如何获取ngFor生成的局部变量数组？如果可能的话

Question

下一个代码在 every 上创建局部变量<div>，对吗？

<div *ngFor="let product of products">
    <input type="checkbox" [value]="product.productKey"/>
    <label>{{product.productName}}</label>
</div>

如果是这样，我怎样才能得到<div>'s 的数组？

Answer 1

你没有很好地解释你的问题，但我想你正在寻找这个：

<div *ngFor="let product of products; let i = index;">
    <input type="checkbox" [value]="product.productKey"/>
    <label>{{product.productName}}</label>
    //i is iterator, starts with 0 and increases with every iteration
</div>

然后，您可以使用迭代器和插值来给每个div或checkbox一个唯一的 id，例如：

<div *ngFor="let product of products; let i = index;" id="divNumber{{i}}">
    <input type="checkbox" id="checkboxNumber{{i}}" [value]="product.productKey"/>
    <label>{{product.productName}}</label>
</div>

第一个div将有 id divNumber0，第一个checkbox将有 id checkboxNumber0，第二个将是divNumber1等等checkboxNumber1。

您可以在此处阅读有关*ngFor指令的更多信息。