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

Question

如果我有一个数组{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>

Answer 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 ...