获取要在 .ts 中使用的 ngFor 输入值？

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 文件中做其他事情。我熟悉的方法是使用 [(ngModel)]，但当输入由 *ngFor

生成时，我无法弄清楚如何执行此操作

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

check:number[]=[];

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

Answer 1

可以通过index绑定

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

获取要在 .ts 中使用的 ngFor 输入值？

Get ngFor input values to use in .ts?

ngfor

ngmodel

angular