获取 ngFor 输入值以在 .ts 中使用？答案

【问题标题】：Get ngFor input values to use in .ts?获取 ngFor 输入值以在 .ts 中使用？
【发布时间】：2017-03-24 22:39:59
【问题描述】：

我有这个 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 文件中。我不知道这是否是最佳做法，但它为我解决了这个问题。

【问题讨论】：

标签： angular ngfor ngmodel

【解决方案1】：

可以通过索引绑定

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

【讨论】：

这不起作用，当我将其添加到我的 inputs 时，我收到一堆重复的“无法读取未定义的属性 '0'”错误
如果你没有属性就无法绑定。
我不完全知道这意味着什么或如何解决它，我很抱歉。编辑：没关系，必须先在我的app.component.ts 中声明check:number[]=[];