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

Question

接下来的代码在每个 <div> 上创建局部变量，对吗？

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

如果可以，我怎样才能得到 <div> 的数组？

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 指令的更多信息 here。

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

How to get the array of local variables genereted by ngFor? If possible

angular

ngfor