Question

Ich habe Paare von [Wert, Checkbox] mit der folgenden Struktur

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

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

Wie kann ich einen Klick auf Checkbox fange und dann entsprechenden Wert erfassen, damit ich sie an dem Server als Parameter s senden kann?

Vielen Dank im Voraus.

Answer 1

Nur auf das Ereignis hören und eine Rückruffunktion aufrufen, wenn es auftritt.

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

Demo

Answer 2

Übergeben Sie einfach Ihren Array-Iterationswert mithilfe der Funktion an den Server wie folgt.

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