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

您可以按索引

绑定它

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

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

1 个答案: