如何使用 ngFor 的索引初始化变量？答案

【问题标题】：How to initialise a variable with index of ngFor?如何使用 ngFor 的索引初始化变量？
【发布时间】：2023-04-03 01:20:01
【问题描述】：

如果我有一个{id ?: number , name ?: text } 类型的数组pageForm，并且我想在HTML 中使用ngFor 循环自动初始化id 参数，我应该怎么做？

我正在尝试类似的东西：

<div *ngFor="let page of pageForm ;  let i=index; " >

 <input type="number" [(ngModel)]="page.id = i" name="id-{{i}}" >

</div>

【问题讨论】：

【解决方案1】：

您也可以在 ngFor 表达式中将索引值设置为 id 字段。

<div *ngFor="let page of pageForm ;  let i=index; page.id=i" >

    <input type="number" name="id-{{i}}" >

</div>

现在您输入的名称将是 id-0、id-1...

【讨论】：