チェックボックスをクリックして対応する値を抽出する方法？

Question

私はチェックボックスをクリックをキャッチし、私はSパラメータとしてサーバーに送信できるようにし、対応する値をキャプチャするにはどうすればよい、以下の構造

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

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

で[値、チェックボックス]のペアを持っていますか？

ありがとうございます。

Answer 1

イベントが発生したときにリッスンしてコールバック関数を呼び出すだけです。

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

Demo

Answer 2

このように関数を使用して配列の反復値をサーバーに渡すだけです。

<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); 
}