Angular 如何触发复选框单击并提取相应的值？

我有两对具有以下结构的[value，checkbox]

<tr *ngFor="let element of elements">
  <td>{{ element.id }}</td>

  <td>
    <label class='checkbox'>
      <input type='checkbox'>
    </label>
  </td>
</tr>

{{element.id}

如何捕获单击复选框，然后捕获相应的值，以便将其作为s参数发送到服务器

---

提前感谢。

只需使用函数将数组迭代值传递给服务器，如下所示

<tr *ngFor="let element of elements">
  <td>{{ element.id }}</td>

  <td>
    <label class='checkbox'>
      <input type='checkbox' (click)='getValue(element)'>
    </label>
  </td>
</tr>

function getValue(value){
   console.log(value);
}

{{element.id}
函数getValue（值）{
console.log（值）；
}

只需使用函数将数组迭代值传递给服务器，如下所示

<tr *ngFor="let element of elements">
  <td>{{ element.id }}</td>

  <td>
    <label class='checkbox'>
      <input type='checkbox' (click)='getValue(element)'>
    </label>
  </td>
</tr>

function getValue(value){
   console.log(value);
}

{{element.id}
函数getValue（值）{
console.log（值）；
}

只要监听事件并在事件发生时调用回调函数即可

<label class='checkbox'>
  <input type='checkbox' (click)="send($event.currentTarget.checked)"> Click Me!
</label>

点击我！

---

只需侦听事件，并在事件发生时调用回调函数

<label class='checkbox'>
  <input type='checkbox' (click)="send($event.currentTarget.checked)"> Click Me!
</label>

点击我！