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

时间:2021-03-29 12:41:14

标签: angular checkbox angular-reactive-forms

我在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。我怎样才能以反应形式解决这个问题?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

尝试只将 productList 传递给 updatestatus 函数,然后在 component.ts 文件中,遍历 productList。我认为您应该能够访问那里的 product_id。