如何以角度 9 反应形式获取 foreach 中每个复选框的值答案

【问题标题】：How to get the value of each checkbox inside foreach in angular 9 reactive forms如何以角度 9 反应形式获取 foreach 中每个复选框的值
【发布时间】：2021-06-25 11:49:01
【问题描述】：

我在primeng ptable 的每一行都有一个复选框，每个复选框都有一个点击功能。代码如下：

<ng-template let-productList>
  <input type="checkbox" (change)="updateStatus(productList.product_id, $event)">
</ng-template>

在 component.ts 中：

updateStatus(productid: any, e: any) {
      console.log(productid)
  }

当我点击任何复选框时，我只会得到 updateStatus 函数中的第一个 productid。如何以反应形式解决这个问题？

【问题讨论】：

标签： angular checkbox angular-reactive-forms

【解决方案1】：

我认为您需要在输入中添加名称属性，否则，您无法区分输入。

<input [name]="'product_' + productList.product_id'>

【讨论】：

【解决方案2】：

尝试仅将 productList 传递给 updatestatus 函数，然后在 component.ts 文件中，遍历 productList。我认为您应该可以在那里访问 product_id。

【讨论】：

我试过了，但这在所有情况下也只传递了第一个值。