向 Angular 的 ngFor 的 i 变量添加一个值答案

【问题标题】：Add a value to the i variable of Angular's ngFor向 Angular 的 ngFor 的 i 变量添加一个值
【发布时间】：2023-04-10 21:48:01
【问题描述】：

我想使用 ngFor 创建两行，每行五个输入。我想将输入存储在一个数组中，所以我想我会使用 ngModel 中的索引。但是，当我尝试将第二行的值添加到 let i = index 时，出现模板解析错误。

<div class="row" *ngFor="let row of [0,5]">
    <div class="col-md-5ths" *ngFor="let number of [0,1,2,3,4]; let i = index + row">
      <input type="text" [(ngModel)]="input[i]">
      {{input[i]}}
    </div>
</div>

我尝试了一些使用三元运算符和 ngForOf 的变体，但没有成功。在这方面，Angular 似乎比 AngularJS 严格得多。

Plunker here.

有什么建议吗？

【问题讨论】：

标签： javascript angular ngfor

【解决方案1】：

可以这样实现：

 <div class="col-md-5ths" *ngFor="let number of [0,1,2,3,4]; let i = index">
      <input type="text" [(ngModel)]="input[i+row]">
      {{input[i+row]}}
 </div>

【讨论】：