Bom dia Pessoal, estou colocando em pratica o curso de angular, e tentando fazer um check list. o meu front so para exemplificar é da seguinte forma: Nesse teste básico, eu quero que quando clicar em teste ele crie um objeto para cada linha capturando qual dos radios foi selecionado.
Para isso eu fiz um componente como se fosse a linha de um check:
<tr>
<td>{{checkList.descricao}}</td>
<td>
<div >
<input type="radio" name="{{checkList.id}}" id="{{checkList.id}}a" value="conforme" [(ngModel)]="checkList.status">
<label for="{{checkList.id}}1"></label>
</div>
</td>
<td>
<div>
<input type="radio" name="inlineRadioOptions" id="{{checkList.id}}b" value="nao_conforme" [(ngModel)]="checkList.status">
<label for="{{checkList.id}}2"></label>
</div>
</td>
<td>
<div >
<input type="radio" name="inlineRadioOptions" id="{{checkList.id}}c" value="nao_aplica" [(ngModel)]="checkList.status">
<label for="{{checkList.id}}3"></label>
</div>
</td>
</tr>
e um outro componente para renderizar as linhas conforme a quantidade de objetos na minha lista
<section>
<table>
<thead>
<th>Descrição</th>
<th>Conforme</th>
<th>Não Conforme</th>
<th>Não Aplica</th>
</thead>
<tbody *ngFor="let check of listaCheckList">
<app-check-list [checkList]="check">"check</app-check-list>
</tbody>
</table>
<button (click)="teste()">teste</button>
</section>
Como fasso nesse segundo elemento, para verificar qual radio foi clicado em cada linha e criar e adicionar a minha lista de objetos e enviar ao backEnd ?