angular - 获取 ngFor 输入值以在 .ts 中使用？

Question

我有这个 HTML 列表生成输入

    <ul class="list-unstyled">
        <li class="form-group" *ngFor="let checkNum of checkNums; let n=index">
            Check #{{checkNum}}: $<input name="check{{checkNum}}" type="number" min="0.01" step="0.01" placeholder="0.00" />
        </li>
    </ul>

我想做的是获取每个生成的输入字段的值并将它们加在一起，这样我就可以在我的app.compoment.ts文件中获得一个值来做其他事情。我熟悉的方式是 using [(ngModel)]，但是当输入由*ngFor

编辑：我通过声明解决了这个问题：

check:number[]=[];

在我的app.component.ts档案中。我不知道这是否是最佳做法，但它为我解决了这个问题。

Answer 1

您可以通过索引绑定它

<input [(ngModel)]="check[n]"  name="check{{checkNum}}" type="number" min="0.01" step="0.01" placeholder="0.00" />